主页 / 问题 / 574745
Accepted
And
Asked:2020-10-07 12:47:56 +0000 UTC2020-10-07 12:47:56 +0000 UTC

datetimepicker - 删除经过的时间选择

  • 772

有一个日历设置通过

$('.calendar').datetimepicker({
    theme: 'dark',
    minDate: new Date('<?=time()?>'),
    onSelectTime: onSelectTime
});

日期工作正常，即无法选择已经选择的日期。但是时间有问题，可以选择的时间，但是没有必要。一般来说，问题是时间没有分钟，而是全天候流逝。

00:00 - 23:00

我尝试将格式参数更改为：H: i 和其他人，它不起作用。通常需要与后面的日期相同，顺序相同，不选择过去时。节省！

php

2 个回答

  1. 根据最小日期，我使用了他们的构造：

    minDate: 0, //today

    按时间 - 您可以设置允许的时间（如果以编程方式，您可以指定任何间隔）

    {allowTimes:[
  '09:00',
  '11:00',
  '12:00',
  '15:30',
  '21:00'
]}

    然后，您可以根据事件的选定日期来调整最短时间的设置

        onSelectDate:function(ct,$i){
      minTimesNew = ....
      $('.calendar').datetimepicker('setOptions', {minTime:minTimesNew });
    }

    勾选这里，如果是今天，则设置最小时间值-当前（{minTime:0}//现在），否则都是{minTime:'00:00'}

    例子。选择当前日期时，默认设置下一个小时：

    $(function() {
  $(".calendar").datetimepicker({
    minTime: 0,
    format:'Y-m-d H:i',
    minDate:'-1970/01/01', // today is minimum date
    onSelectDate: function(ct, $i) {
    var minTime, now = new Date;
    if(ct.getTime() > now){
        minTime = false;
    }else{
        var d = $i.val().substr(0, 11) + (Number(now.getHours()) + 1).toString() + ':00';
        $i.val(d);
        minTime = 0;
    }
      this.setOptions({
        minTime: minTime
      })
    }
  })
});
    • 4
  2. Best Answer

    @Alex 问题依然存在，如果时间小于当前时间如何去除/替换，例子中选择明天，则时间小于当前时间，选择当前日期后，结果无法选择，但在输入中，过去选择的时间......似乎是一个插件缺陷，或者需要在其他地方添加 minTime 更改

    $(function() {
  $(".calendar").datetimepicker({
    minTime: new Date,
    format: "d.m.Y H:m",
    minDate: new Date,
    onSelectDate: function(ct, $i) {
      this.setOptions({
        minTime: ct.getTime() > new Date ? false : 0
      })
    }
  })
});
    <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/jquery.datetimepicker.min.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.js"></script>

<input type="text" class="calendar" />

    • 1

相关问题