采用hh:mm:ss格式的引导日期时间选择器
采用hh:mm:ss格式的引导日期时间选择器
提问于 2020-04-24 22:55:04
我正在开发一个应用程序，我有点纠结于日期时间选择器。日期选择器应该能够显示yyyy-mm-dd hh:mm:ss (年、月、日和当前小时、分钟和秒...)的数据格式。它工作得很好，但在我选择日期之后，日期选择器必须自动关闭或隐藏。但它不会爆炸。我尝试了很多不同的脚本，仍然不能工作。下面是HTML：
<span>Select time with Date</span>
<div class='input-group date' id='datetimepicker2'>
<input type='text' class="form-control" id='datetimepicker2' />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>以下是JS：
<script type="text/javascript">
$(function() {
$('#datetimepicker2').datetimepicker({
format: 'YYYY-MM-DD HH:mm:ss',
autoclose: true
});
});
</script>我猜脚本不支持自动关闭调用。你知道我怎么解决这个问题吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-04-24 23:08:41
您可以只监听日期选择器dp.change事件，并在日期更改时强制关闭日期选择器，如下所示：
$(function() {
$('#datetimepicker2').datetimepicker({
format: 'YYYY-MM-DD HH:mm:ss'
});
// Hide datetimepicker on date change
$("#datetimepicker2").on("dp.change", function() {
$(this).data("DateTimePicker").hide();
});
// Show datetimepicker on input text click
$('#datetimepicker2 > input').on('click', function() {
$(this).closest('.date').data('DateTimePicker').show();
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61411245
复制相关文章
相似问题
腾讯云开发者
