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

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