Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Gijgo DateTimePicker过去日期禁用_Javascript_Reactjs_Date_Meteor_Datepicker - Fatal编程技术网

Javascript Gijgo DateTimePicker过去日期禁用

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

我在我的meteor应用程序中使用了Gijgo DateTimePicker,使用的是react。它工作得很好。现在我正在尝试禁用所有过去的日期。我在这里找到了disableDates选项。但有一个选项可以禁用特定日期。如何使用
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;
    }},

});