如何获取日期和时间范围选择器的开始和结束时间？

Question

I can't see how to get the start and end from a date and time range picker I usually use data-link-field="dtp_input1" to get the data to insert into a table like I code it like this:

<input type="hidden" id="dtp_input1" name="date" value="" /><br/>

Now my code from date and time range picker is like this:

<div class="form-group">
    <label>Date and time range:</label>
    <div class="input-group">
        <div class="input-group-addon"> <i class="fa fa-clock-o"></i>

        </div>
        <input type="text" class="form-control pull-right" id="reservationtime">
    </div>
    <!-- /.input group -->
</div>
<!-- /.form group -->

and for the javascript:

 $('#reservationtime').daterangepicker({
     timePicker: true,
     timePickerIncrement: 30,

     format: 'MM/DD/YYYY h:mm A'
 });

please see my screenschot

how can i code to get start and end and enter it on mysql database

Answer 1

$('#reservationtime').daterangepicker({
    timePicker: true, timePickerIncrement: 30, 
    format: 'MM/DD/YYYY h:mm A'
}).bind('datepicker-change',function(event, obj)    
    /* This event will be triggered when second date is selected */
    console.log('change',obj);
    // obj will be something like this:
    // {
    //      date1: (Date object of the earlier date),
    //      date2: (Date object of the later date),
    //      value: "2013-06-05 to 2013-06-07"
    // }
})