可能的问题? - 无法使用 bootstrap-datetimepicker v4.17.42 禁用时间间隔的小时数
Possible Issue? - Unable to disable hours with Time Intervals with bootstrap-datetimepicker v4.17.42
我正在尝试使用 bootstrap-datetimepicker 禁用具体日期中的某些时间。
我在文档中阅读了 http://eonasdan.github.io/bootstrap-datetimepicker/Functions/#disabledtimeintervals 符合我需要的 disabledTimeIntervals 函数。
我尝试了几个环境,安装如下 (v4.17.42) 当前:
$ bower install eonasdan-bootstrap-datetimepicker#latest --save
我尝试安装 4.14.30 版(结果相同)
$ bower install eonasdan-bootstrap-datetimepicker#4.14.30 --save
安装所有组件后(jquery、bootstrap、moment.js 和 eonasdan-bootstrap-datetimepicker),我的 datetimePicker 可以正常工作。
问题从这里开始:
当我尝试禁用一个小时范围时,没有出现任何错误,当我单击小时箭头时,选择器不允许我更改为禁用的小时,但是当我单击小时数以查看一天中的所有时间,理论上 "disabled" 小时不会显示为已禁用,我可以 select 它!
我的代码:
<html>
<head>
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/moment/min/moment.min.js"></script>
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" />
</head>
<body>
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker({
debug: true,
format: 'YYYY-MM-DD HH:mm:ss',
sideBySide: true,
disabledTimeIntervals: [
[moment('2016-12-31 21:59:59'), moment('2016-12-31 23:00:00')]
]
});
});
</script>
</div>
</div>
</body>
</html>
我怀疑这是一个问题,因为相同的代码在 fiddle 中的工作方式与预期的一样:
http://jsfiddle.net/gLzvqqrj/3/
有人知道如何检查 fiddle 中使用的 datetimepicker 的版本吗?
或者更好的是,为什么我的代码不起作用?
好的,很抱歉给您带来不便,今天工作正常。
如果有人遇到和我一样的问题,请确保清除所有浏览器缓存,而不仅仅是像我一样按住 Ctrl 重新加载...
我正在尝试使用 bootstrap-datetimepicker 禁用具体日期中的某些时间。
我在文档中阅读了 http://eonasdan.github.io/bootstrap-datetimepicker/Functions/#disabledtimeintervals 符合我需要的 disabledTimeIntervals 函数。
我尝试了几个环境,安装如下 (v4.17.42) 当前:
$ bower install eonasdan-bootstrap-datetimepicker#latest --save
我尝试安装 4.14.30 版(结果相同)
$ bower install eonasdan-bootstrap-datetimepicker#4.14.30 --save
安装所有组件后(jquery、bootstrap、moment.js 和 eonasdan-bootstrap-datetimepicker),我的 datetimePicker 可以正常工作。
问题从这里开始:
当我尝试禁用一个小时范围时,没有出现任何错误,当我单击小时箭头时,选择器不允许我更改为禁用的小时,但是当我单击小时数以查看一天中的所有时间,理论上 "disabled" 小时不会显示为已禁用,我可以 select 它!
我的代码:
<html>
<head>
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/moment/min/moment.min.js"></script>
<script type="text/javascript" src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script>
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="bower_components/eonasdan-bootstrap-datetimepicker/build/css/bootstrap-datetimepicker.min.css" />
</head>
<body>
<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker1').datetimepicker({
debug: true,
format: 'YYYY-MM-DD HH:mm:ss',
sideBySide: true,
disabledTimeIntervals: [
[moment('2016-12-31 21:59:59'), moment('2016-12-31 23:00:00')]
]
});
});
</script>
</div>
</div>
</body>
</html>
我怀疑这是一个问题,因为相同的代码在 fiddle 中的工作方式与预期的一样: http://jsfiddle.net/gLzvqqrj/3/
有人知道如何检查 fiddle 中使用的 datetimepicker 的版本吗? 或者更好的是,为什么我的代码不起作用?
好的,很抱歉给您带来不便,今天工作正常。
如果有人遇到和我一样的问题,请确保清除所有浏览器缓存,而不仅仅是像我一样按住 Ctrl 重新加载...