我想禁用上一个日期。例如,如果选择开始日期为2015-04-01,则结束日期应仅从2015-04-01开始。上一个日期应该被禁用。
$(document).ready(function () {
var nowdate = new Date();
var now = new Date(nowdate.getFullYear(), nowdate.getMonth(), nowdate.getDate(), 0, 0, 0, 0);
var startdate = $("#start_date").datepicker({
format: 'yyyy-mm-dd',
onRender: function (date) {
return date.valueOf() > now.valueOf() ? 'disabled' : '';
}
}).on('changeDate', function (ev) {
startdate.hide();
}).data('datepicker');
var enddate = $("#end_date").datepicker({
format: 'yyyy-mm-dd',
onRender: function (date) {
return date.valueOf() > now.valueOf() ? 'disabled' : '';
}
}).on('changeDate', function (ev) {
enddate.hide();
}).data('datepicker');
});
谢谢
正如Aivan所提到的,有几个与描述相匹配的项目。
假设您在这里使用bootstrap-datepicker 。您可以使用“ changeDate”事件捕获所选日期,并将其设置为页面上第二个日期选择器的“开始日期”(使用“ setStartDate”方法)。
类似于以下代码段:
...
$(".dateStart").datepicker().on("changeDate",function(){
// Get the selected date
var startDt = $(".dateStart").datepicker("getDate");
// Set the 'start date' for the second datepicker
$(".dateEnd").datepicker("setStartDate",startDt);
});
$(".dateEnd").datepicker();
...
我为此创建了一个JSFiddle-您可以在这里看到它的工作原理
希望这可以帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句