javascript – Bootstrap DateTimePicker：一次打开一个datetimepicker

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – Bootstrap DateTimePicker：一次打开一个datetimepicker，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1272字，纯文字阅读大概需要2分钟。

内容图文

我有一个带有多个datetimepickers的html模板.如果我单击按钮打开一个datetimepicker,然后单击另一个以打开新的,则第一个保持不变(它不会关闭).我希望一次只能打开一个datetimepicker.

这是一个JsFiddle Demo

$('#datetimepicker1, #datetimepicker2').datetimepicker();

这是bootstrap datetimepicker 2.5的标准行为,当时处理时刻2.5(与langs一起),但现在似乎没有像那样工作.

有没有人有任何想法来解决这个问题？

注意：我正在使用Eonasdan bootstrap-datetimepicker版本3.0.3,时刻2.8(与语言环境一起使用),jQuery 1.9和Bootstrap 3

这里有点棘手的是bootstrap-datetimepicker附加到< body>一个< div>对于每个初始化的datetimepicker,它与其触发按钮完全无关.

解决方法:

试试这个：

$('.date').datetimepicker();
$(document).ready(function() {
    // Select all elements with the 'date' class
    $('.date').on('dp.show', function() {
        $('.date').not($(this)).each(function() {
            $(this).data("DateTimePicker").hide();
            // $('.date').not($(this)) selects all the .date elements except
            // for the one being shown by the datetimepicker dp.show event.
            // The dp.show event is fired when a new datetimepicker is opened.
            // We use the .data("DateTimePicker") to access the datetimepicker object
            // (we have to use a jQuery each loop in order to access all the 
            // datetimepickers.
            // .hide() -- we hide it.
        });
    });
});

这应该只允许一次打开一个datetimepicker.

内容总结

以上是互联网集市为您收集整理的javascript – Bootstrap DateTimePicker：一次打开一个datetimepicker全部内容，希望文章能够帮你解决javascript – Bootstrap DateTimePicker：一次打开一个datetimepicker所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端