-2
我想为我的项目使用Eonasdan bootstrap datetimepicker版本4。如何在Eonasdan bootstrap datetimepicker中禁用日期字段?
要求是找到一个时间范围。我的问题是: - 是否有可能有两个时间之间没有日期的范围(换句话说,禁用日期,只有时间范围)。
非常感谢您的帮助。 谢谢。
我想为我的项目使用Eonasdan bootstrap datetimepicker版本4。如何在Eonasdan bootstrap datetimepicker中禁用日期字段?
要求是找到一个时间范围。我的问题是: - 是否有可能有两个时间之间没有日期的范围(换句话说,禁用日期,只有时间范围)。
非常感谢您的帮助。 谢谢。
您可以使用该组件作为使用format: HH:mm
的时间选择器。您可以使用disabledTimeIntervals
限制可选时间。
这里的工作示例禁用从0时间至8和15至18:
$('#datetimepicker').datetimepicker({
disabledTimeIntervals: [
[moment({ h: 0 }), moment({ h: 8 })],
[moment({ h: 15 }), moment({ h: 18 })]
],
defaultDate: moment("12:00", 'HH:mm'),
format: 'HH:mm'
});
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment-with-locales.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
<div class="row">
<div class="col-md-12">
<h6>datetimepicker</h6>
<input type="text" class="form-control" id="datetimepicker"/>
</div>
</div>
可以使用使用组件作为timepicker ['格式:HH:mm'] (https://eonasdan.github.io/bootstrap-datetimepicker/Options/#format)。您可以使用[disabledTimeIntervals]限制可选时间(http://eonasdan.github.io/bootstrap-datetimepicker/Options/#disabledtimeintervals)。无论如何,你应该编辑你的问题添加你的代码,以显示你的尝试。 – VincenzoC