javascript - 如何开始和结束日期和时间范围选择器？

Question

我看不到如何从日期和时间范围选择器获取开始和结束时间，我通常使用 data-link-field="dtp_input1" 来获取要插入表中的数据就像我这样编码:

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

现在我的日期和时间范围选择器代码如下:

<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 -->

对于 JavaScript:

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

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

please see my screenschot

我如何编码以获取开始和结束并将其输入到 mysql 数据库

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"
    // }
})