禁用日期选择器的过去日期和时间

Question

我正在使用日期选择器，希望用户不能选择过去的日期和时间。我已经使用了"minDate: 0"来禁用过去的日期，但是有没有办法禁用过去的时间呢？例如，如果当前时间是早上5点，我不希望用户选择同一天早上3点或4点。

这是我的代码：

var dt;
dt = 
$('#datetimepicker3').datetimepicker({
    inline:true,
    minDate: 0,
    format:'m/d/Y H:i',
    formatDate:'d/m/Y'
});

- user2672112

---

请检查此链接：https://dev59.com/Ymsy5IYBdhLWcg3wvgdk - madhu

你好，先生，您得到答案了吗？ - Remya R

Answer 1

声明一个dateToday变量，并使用Date()函数对其进行设置。 然后使用该变量分配给datepicker的参数minDate。

var dateToday = new Date(); 
$(function() {
    $( "#datetimepicker3" ).datepicker({
        numberOfMonths: 3,
        showButtonPanel: true,
        minDate: dateToday
    });
});

- madhu

---

嗨Madhu，基本上minDate：0已经禁用了过去的日期。但它并没有禁用过去的时间。例如，如果当前时间是早上5点，我想要禁用同一天早上4点甚至更早的时间。 :) - user2672112

是的，它正确地禁用了日期。如何禁用过去的时间？ - scalauser

Answer 2

为��禁用过去的日期，您需要将最小日期定义为今天的日期，如下所示：

$('.datepicker').pickadate({
        min: new Date()
    });

- Rupal

Answer 3

源代码

我曾经遇到过同样的问题，即如何使用DateTimePicker jQuery插件禁用过去的日期和时间。但是我已经找到了解决方案-

var checkPastTime = function(currentDateTime) {

var d = new Date();
var todayDate = d.getDate();

// 'this' is jquery object datetimepicker
if (currentDateTime.getDate() == todayDate) { // check today date
    this.setOptions({
        minTime: d.getHours() + ':00' //here pass current time hour
    });
} else
    this.setOptions({
        minTime: false
    });
};

$('#datetimepicker7').datetimepicker({
    format:'Y-m-d H:i',
    minDate : 0,
    onChangeDateTime:checkPastTime,
    onShow:checkPastTime
});

演示

- thecodedeveloper.com

Answer 4

应该是这样的：

$(function () {
                $('#datetimepicker3').datetimepicker({
                     minDate: moment()


                });
            });

- Abdul Majeed

Answer 5

你应该像这样将minDate的值声明为dateToday

var dt; 
dt = 
$('#datetimepicker3').datetimepicker({
    inline:true,
    minDate: dateToday,
    format:'m/d/Y H:i',
    formatDate:'d/m/Y'
});

- Fachrein Rachim Muhamad

---

禁用过去的时间。请保持相关性。 - Adrian Bartholomew

Answer 6

为了禁用过去时间，你应该使用minDateTime。请将你的代码更新如下：

var dt = new Date();
$('#datetimepicker3').datetimepicker({
    inline:true,
    minDate: 0,
    minDateTime: dt,
    format:'m/d/Y H:i',
    formatDate:'d/m/Y'
});

- Deepika Masilamani