空气日期选择器js:小时+2
air-datepicker js : hour+2
我尝试将小时(+2h)设置为实际的一天,而不是其他的。
的例子:
今天是10月18日,时间:上午10点
- 如果我点击(不改变日期)->时间是12pm。
- 如果我点击并选择明天(10月19日)->我可以选择任何时间。
今天是10月19日,时间:08:00
- 如果我点击(不改变日期)->时间是上午10点。
- 如果我点击并选择明天(10月20日)->我可以选择任何时间
PS:如果可能的话,我想禁用输入中的条目(因为我们可以改变时间)
Thx
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="" />
编辑:我以为你想取消以前的约会(一切
试一试:
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="" />
还有,空气时间选择器docs: http://t1m0n.name/air-datepicker/docs/
相关文章:
- 可以在调整窗口大小时重新调整stellar.js的元素偏移量
- 如何使用moment.js获取24小时内日期之间的时差
- 时刻.js 24小时制,处理第24小时
- 粘性导航-JS Waypoints在浏览器调整大小时出现自定义粘性导航问题
- 如何在nvd3.js图中将小时和分钟作为x轴
- Enquire.js最初不匹配,仅在调整大小时匹配
- 使用 JS 将毫秒转换为 hh:mm:ss 会增加 1 小时
- 使用 Date.js 解析 12 小时格式时获取 null
- 当非整小时偏移时,带有 Moment 的时区显示不正确.js
- 如何使用 矩.js 将分钟转换为小时
- 时刻.js具有 15 小时时滞
- 如何使 JS 将 12 小时的输入格式解析为 24 或
- 图表.js在调整窗口大小时消失
- 在 JS 中以单词形式显示小时和分钟
- 如何在 d3.js 中调整图像大小时不保留纵横比
- 如何在 Node.js 中将过期设置为 24 小时内生成的密码
- 如何在 Ext js 4.0 中调整网格大小时调用函数
- JS倒数计时器与天:小时:分钟
- 使用moment js将12小时(AM/PM)字符串转换为24日期对象
- Node.js&Javascript/Date对象-在x小时之前花费时间