我想,当用户选择一个日期时,突出显示接下来的 11 天。目的是显示根据所选日期选择的 12 天范围。
我已经看到了http://www.filamentgroup.com/建议的“日期范围选择器” ,但这并没有真正给我想要的可视化,它只是让用户选择一个范围(从/到),因为我理解它。
关于我如何实现这一点的任何建议?
干杯
我想,当用户选择一个日期时,突出显示接下来的 11 天。目的是显示根据所选日期选择的 12 天范围。
我已经看到了http://www.filamentgroup.com/建议的“日期范围选择器” ,但这并没有真正给我想要的可视化,它只是让用户选择一个范围(从/到),因为我理解它。
关于我如何实现这一点的任何建议?
干杯
您可以使用beforeShowDay事件为需要突出显示的日期提供 CSS 样式。
代码:
$(document).ready(function(){
var selected = null;
$('#datePicker').datepicker({beforeShowDay: function(date) {
if (selected != null && date.getTime() > selected.getTime() &&
(date.getTime() - selected.getTime()) < 12*24*3600*1000) {
return [true, "highlighted"];
}
return [true, ""];
}});
$("#datePicker").datepicker( 'option' , 'onSelect', function() {
str = $(this).val().toString();
selected=$.datepicker.parseDate('mm/dd/yy', str);
console.log(selected);
});
});