【问题标题】:Disable current day in Jquery datepicker在 Jquery datepicker 中禁用当前日期
【发布时间】:2016-05-23 09:41:20
【问题描述】:
如何在 jquery 数据表中禁用当前日期选择。
$('.datetimepicker1').datetimepicker({
format: 'MM/DD/YYYY',
useCurrent: false,
minDate: moment().millisecond(0).second(0).minute(0).hour(0)
});
【问题讨论】:
标签:
jquery
twitter-bootstrap
datepicker
【解决方案1】:
$(document).ready(function() {
$('#Date').datepicker({
onSelect: function(dateText, inst) {
//Get today's date at midnight
var today = new Date();
today = Date.parse(today.getMonth()+1+'/'+today.getDate()+'/'+today.getFullYear());
var selDate = Date.parse(dateText);
if(selDate <= today) {
//If the selected date was
$('#Date').val('');
$(inst).datepicker('show');
}
}
});
});
这是bin。添加类似的逻辑来检查selected datetime and current datetime是否进行选择。
【解决方案2】:
使用 CSS 隐藏按钮:
.ui-datepicker-current{display: none !important;}
或使用showButtonPanel 设置隐藏按钮面板。
【解决方案3】:
是的,我刚刚修复了这个问题,如下所示,
$('.datetimepicker1').datetimepicker({
format: 'MM/DD/YYYY',
useCurrent: false,
minDate: new Date(date.getFullYear(), date.getMonth(), date.getDate()+1)
});
感谢大家的快速回复