Javascript Gijgo DateTimePicker过去日期禁用
我在我的meteor应用程序中使用了Gijgo DateTimePicker,使用的是react。它工作得很好。现在我正在尝试禁用所有过去的日期。我在这里找到了disableDates选项。但有一个选项可以禁用特定日期。如何使用Javascript Gijgo DateTimePicker过去日期禁用,javascript,reactjs,date,meteor,datepicker,Javascript,Reactjs,Date,Meteor,Datepicker,我在我的meteor应用程序中使用了Gijgo DateTimePicker,使用的是react。它工作得很好。现在我正在尝试禁用所有过去的日期。我在这里找到了disableDates选项。但有一个选项可以禁用特定日期。如何使用datetimepicker禁用所有过去的日期?因为我需要日期和时间 Gijgo示例:1 <input id="datepicker" width="312" /> <script> $('#datepicker').datepicker
datetimepicker
禁用所有过去的日期?因为我需要日期和时间
Gijgo示例:1
<input id="datepicker" width="312" />
<script>
$('#datepicker').datepicker({
value: '11/10/2017',
disableDates: [new Date(2017,10,11), '11/12/2017']
});
</script>
您可以通过执行以下操作禁用过去的日期
$('#datetimepicker').datetimepicker({
datepicker: {
disableDates: function (date) {
const currentDate = new Date();
return date > currentDate ? true : false;
}
}
});
dateDisable函数将比较当前日期选择器窗口中显示的每个日期,并通过检查返回值来决定是否禁用
如果要考虑到当前日期,请执行以下操作
$('#datepicker').datetimepicker({
datepicker: {
disableDates: function (date) {
// allow for today
const currentDate = new Date().setHours(0,0,0,0);
return date.setHours(0,0,0,0) >= currentDate ? true : false;
}},
});
例子
$(“#datetimepicker”).datetimepicker({
日期选择器:{
禁用日期:函数(日期){
const currentDate=新日期();
返回日期>当前日期?真:假;
}
}
});
$('#datetimepicker').datetimepicker({
datepicker: {
disableDates: function (date) {
const currentDate = new Date();
return date > currentDate ? true : false;
}
}
});
$('#datepicker').datetimepicker({
datepicker: {
disableDates: function (date) {
// allow for today
const currentDate = new Date().setHours(0,0,0,0);
return date.setHours(0,0,0,0) >= currentDate ? true : false;
}},
});