air-datepicker js：小时+2

Question

我尝试将小时数 (+2h) 设置为实际日期，而不是其他日期。

示例：

今天是10月18日，时间：上午10点。

如果我点击（不更改日期）-> 时间是中午 12 点。
如果我点击并选择明天（10 月 19 日）-> 我选择任何时间。

今天是10月19日，时间：08am。

如果我点击（不更改日期）-> 时间是上午 10 点。
如果我点击并选择明天（10 月 20 日）-> 我选择任何时间。

PS ：如果可能的话，我想禁用输入中的条目（因为我们可以更改时间）

感谢

    var start = new Date()
 var hour = start.getHours()+2;

 
 $('#date').datepicker({
        language: 'en',
  timepicker: true,
  minHours: hour
 })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/i18n/datepicker.en.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.css" rel="stylesheet"/>


<input type='text' id="date" class="" />

Answer 1

编辑： 我以为你想禁用以前的日期（所有时间 < 现在 + 2 小时）。如果不是，只需将 minDate: start 更改为 startDate: start.

试试：

var start = new Date();

// first available date and time
start.setHours(start.getHours() + 2);

$('#date').datepicker({
  language: 'en',
  timepicker: true,
  minDate: start,
  onSelect: function(fd, d, picker) {
    if (d < start) {
      return;
    }

    if (d.getDate() == start.getDate() &&
      d.getMonth() == start.getMonth() &&
      d.getYear() == start.getYear()) {
      // set minHours to start hours
      picker.update({
        minHours: start.getHours()
      });
    } else {
      // set minHours to 0 hours
      picker.update({
        minHours: 0
      });
    }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/i18n/datepicker.en.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.css" rel="stylesheet" />


<input type='text' id="date" class="" />

另外，air-timepicker 文档：http://t1m0n.name/air-datepicker/docs/

air-datepicker js：小时+2

air-datepicker js : hour+2

javascript

jquery

datepicker

timepicker