https://github.com/longbill/jquery-date-range-picker
我的一切工作都很好,但我似乎无法让选择器使用我在 . 有两个输入,开始日期和结束日期。我有一个 value="" 两个日期,这应该是 datepicker 的默认日期。然后用户可以更改这些日期。
我尝试了一些不同的想法,但我无法获取任何东西来获取输入的 value 属性。任何见解将不胜感激。
这是我的代码:
<div class="datepicker-to-from">
<input type="date" id="startTimestamp" class="date-picker" value="11/18/2012 05:45 AM">
<input type="date" id="endTimestamp" class="date-picker" value="04/09/2014 5:00 PM">
</div>
$('.datepicker-to-from').dateRangePicker({
format: 'MM/DD/YYYY HH:mm A',
showShortcuts: false,
time: {
enabled: true
},
getValue: function(){
$('#startTimestamp').val() + ' to ' + $('#endTimestamp').val();
},
setValue: function(){
$('#startTimestamp').val();
$('#endTimestamp').val();
},
startDate: $('#startTimestamp').val()
});
2015 年 4 月 10 日更新: 在 andybeli 和 The F 的帮助下,我解决了这个问题。对于遇到类似情况的人来说,最终的 JS 代码看起来像这样。
$('.datepicker-to-from').dateRangePicker({
format: 'MM/DD/YYYY HH:mm A',
showShortcuts: false,
time: {
enabled: true
},
setValue: function(s,s1,s2){
$('#startTimestamp').val(s1);
$('#endTimestamp').val(s2);
},
});
var startDate = $('#startTimestamp').val();
var endDate = $('#endTimestamp').val();
$('.datepicker-to-from').data('dateRangePicker').setDateRange(startDate,endDate);