jquery-ui - 使用日期时间选择器时将当前时间设置为最小日期

Question

我是 javascript 和 jquery 的新手。我正在使用 Trent Richardson 的时间选择器库。我想将当前时间作为默认日期和 minDate。

$("#date").datetimepicker('option', 'setDate', (new Date())),
$("#date").datetimepicker({
    onSelect: function (selectedDateTime){
        $("#rundate").datetimepicker('option', 'minDate', (new Date()));
    }
});

这行不通。

Answer 1

当前库需要初始化实例才能工作 例如：.datetimepicker({...}) 或 datetimepicker()

$("#date").datetimepicker('option', 'setDate', (new Date()));
$("#rundate").datetimepicker(); //You need to init this before assign min date
$("#date").datetimepicker({
  onSelect: function(selectedDateTime) {
    $("#rundate").datetimepicker('option', 'minDate', (new Date()));
  }
});

有关更多详细信息，我将再次重构您的代码。

//Init steps      
$("#date").datetimepicker();
$("#rundate").datetimepicker();

//define variables steps
$("#date").datetimepicker('option', 'setDate', (new Date()));
$("#date").datetimepicker('option', 'onSelect', function(selectedDateTime) {
  $("#rundate").datetimepicker('option', 'minDate', (new Date()));
});

你可以在这里尝试现场演示