Question

i’ve got a date-range picker, with 2 field each date picker: dat_start and date_end;
everything’s fine except the Timestamp of the field I will pass to server to do the search; I know JS Timestamp is in ms, but I should have it /1000…and I can’t find the way to do. Here’s my code:

<script>
$(function () {
    $("#data_inizio").datepicker({
        altField: '#mod_available_date_id_start',
        altFormat: '@',
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function (selectedDate) {
            $("#data_fine").datepicker("option", "minDate", selectedDate);
        }
    });
    $("#data_fine").datepicker({
        altField: '#mod_available_date_id_finish',
        altFormat: '@',
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function (selectedDate) {
            $("#data_inizio").datepicker("option", "maxDate", selectedDate);
        }
    });
});
</script>

Thanks to everyone, and sorry for my bad english!

Answer 1

Get the string/date selected by the picker and cast it to a date:

var stringyDate = $("#data_inizio").val(); // mm/dd/yyyy
var dateyDate = new Date(stringyDate);

Now get the valueOf() (which returns milliseconds since January 1, 1970) and divide by 1000 to get the number of seconds since [same].

var ms = dateyDate.valueOf();
var s = ms / 1000;

Example fiddle: http://jsfiddle.net/QpQ7U/

To have this happen on date selection, modify the onSelect callback function in the datepicker options.

onSelect: function(selectedDate) {
    var v = $(this).val(),
        d = new Date(v);
    if (v.length > 0) {
        $('p#out').text(d.valueOf() + ' divided by 1000 is ' + (d.valueOf() / 1000));
    } else {
        $('p#out').text('No date selected');
    }
}

Example fiddle with onSelect: http://jsfiddle.net/QpQ7U/1/

To store the value in a hidden field, simply specify the field in the onSelect:

onSelect: function(selectedDate) {
    var d = new Date(selectedDate),
        s = parseSeconds(selectedDate);
    if (s > 0) {
        //display to user
        $('p#out_inizio').text(d.valueOf() + ' divided by 1000 is ' + s);
        //store in hidden field.
        $('input#out_inizio').val(s);
    } else {
        $('p#out_inizio').text('No date selected');
    }
    //set min date on other picker
    $("#data_fine").datepicker("option", "minDate", selectedDate);
}

Example fiddle with hidden fields: http://jsfiddle.net/QpQ7U/2/

To format as day/month/year, use the dateFormat option:

$("#data_inizio").datepicker({
    altField: '#mod_available_date_id_start',
    altFormat: '@',
    dateFormat: 'dd/mm/yy',
    ...
});

Example fiddle: http://jsfiddle.net/QpQ7U/5/