【问题标题】:Set max and min datetime in jquery datetimepicker在 jquery datetimepicker 中设置最大和最小日期时间
【发布时间】:2016-06-27 03:33:46
【问题描述】:

我正在使用 jquery datetimepicker。我想在其中设置 Mindate 和 time,这是在第二个 datetimepicker 中选择的值。

我尝试的是:

$('#date_start').datetimepicker({
        autoSize: true,
        changeYear: true,
        changeMonth: true,
        buttonImageOnly: true,
        onSelect: function (selected) {
             $('#date_end').datetimepicker("option", "minDate", selected);
        }
    });

我参考了这个Jquery - DateTimePicker set max datetime 链接。但这不是我的问题的明确解决方案。

$('#date_end').datetimepicker({
        autoSize: true,
        changeYear: true,
        changeMonth: true,
        buttonImageOnly: true,
        onSelect: function (selected) {
            $('#date_start').datetimepicker("option", "maxDate", selected);
        }
    });

实际上,相同的代码仅适用于 datepicker。但如果我希望它在 datetimepicker 中工作。

解决办法是什么?

【问题讨论】:

  • 你能提供你正在使用的插件的链接吗??
  • 我担心他们可以和timepicker一起选择,因为我在他们的页面上看到了一个演示,他们有范围选择器[上面链接中的最后一个演示由你提供],其中他们已禁用timepicker,您仍然可以在同一演示中提供的选项onShow 中看到。另外,我假设您已经购买了该插件,如果是,为什么不寻求他们的帮助呢?
  • 始终使用更新及时且支持良好的库。

标签: jquery datetimepicker


【解决方案1】:

在您提供的plugin中, 没有像onSelect 这样的选项。

使用onSelectDateonSelectTimeonShow

$('#date_start').datetimepicker({
    minDate:'-1970/01/02',
    minTime:'11:00'
});

或在运行时,

var setMin = function( currentDateTime ){
  this.setOptions({
      minDate:'-1970/01/02'
  });
  this.setOptions({
      minTime:'11:00'
  });
};

$('#date_start').datetimepicker({
    onShow:setMin
});

参考资料:

  1. minDate
  2. maxDate
  3. minTime
  4. maxTime

【讨论】:

  • 在选择一个日期时间选择器时,我想设置另一个日期时间选择器的最小日期和时间。 'onChangeDateTime' 对我有用。但是动态设置 dateTime 不起作用
  • 使用上面的代码解决你的问题。该 API 可用。使用 setOptions 而不是您当前的代码。
  • 我做了一些更改,它帮助我找到了解决方案。谢谢你:)
  • @Webie 我有同样的问题,你能告诉你你是怎么做到的吗?谢谢
  • @ShaunakD 如果您想启用minTime 但仅在当天启用怎么办。就像目前的 17:00 一样,我不想让任何人选择 16:00。但是明天 16:00 又得有空了。
猜你喜欢
  • 2016-09-06
  • 2017-02-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-11-02
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多