Question

我基本上希望我的Jquery:dateTimePicker只允许未来日期 - 如果当前日期时间是：2016年8月30日，上午10:20那么我想选择一个大于上午10:20的时间 - 不是仅限于2016年8月30日上午10:20 ，但是应该允许任何时间用于所有其他未来日期。

这可以通过简单的配置更改来实现吗？

感谢任何帮助 - 谢谢！

Answer 1

您可以使用minDate: 0仅允许将来的日期。

Answer 2

你可以像这样用来禁用过去的日期和时间

添加此css和js
https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js， https://cdn.rawgit.com/Eonasdan/bootstrapdatetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrapdatetimepicker.js， https://cdn.rawgit.com/Eonasdan/bootstrapdatetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/build/css/bootstrap-datetimepicker.css

$(function () {     
            $('#datetimepicker').datetimepicker({ 
             format : 'DD/MM/YYYY HH:mm',
            minDate: moment().add(0, 'h')
                });

或

$(function () {     
            $('#datetimepicker').datetimepicker({ 
             format : 'DD/MM/YYYY HH:mm',
            minDate: moment().add(1, 'm')
                });

        });


            });

Answer 3

$(function () {     
        $('#datetimepicker').datetimepicker({ 
         format : 'DD/MM/YYYY HH:mm',
        minDate: moment().add(0, 'h'),enabledHours: [10, 11, 12, 13, 14, 15, 16,17]
      });

 });

请检查此示例并在示例中将minDate: moment().add(1, 'h')修改为minDate: moment().add(0, 'h')，例如我为您修改并使用moment.js 请根据需要启用小时。

Demo

DateTimePicker：禁用所有过去的日期和时间选择

3 个答案: