首页
学习
活动
专区
圈层
工具
发布

js : hour+2
EN

Stack Overflow用户
提问于 2016-10-18 11:54:07
回答 1查看 1.8K关注 0票数 1

我试着把时间(+2小时)设置为实际的一天,而不是为其他人。

示例:

今天是10月18日,时间:上午10点。

  • 如果我单击(不更改日期),->时间是下午12点
  • 如果我点击并选择明天(10月19日) ->,我选择任何时间。

今天是10月19日,时间:08:00

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

如果可能的话,我想禁用输入中的条目(因为我们可以更改时间)。

Thx

代码语言:javascript
复制
    var start = new Date()
	var hour = start.getHours()+2;

	
	$('#date').datepicker({
        language: 'en',
		timepicker: true,
		minHours: hour
	})
代码语言:javascript
复制
<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="" />

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-10-18 12:37:51

编辑:我认为您想要禁用以前的日期(所有< now +2小时)。如果没有,只需将minDate: start更改为startDate: start即可。

试着:

代码语言:javascript
复制
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
      });
    }
  }
});
代码语言:javascript
复制
<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="" />

另外,空气时间选择器文档:http://t1m0n.name/air-datepicker/docs/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40107567

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档