个人中心
gpt4 book ai didi

javascript - Bootstrap DateTimePicker : Open one datetimepicker at a time

转载 作者：塔克拉玛干 更新时间：2023-11-02 22:46:40 38 4
gpt4 key购买 nike

我有一个包含多个日期时间选择器的 html 模板。如果我单击按钮打开一个日期时间选择器，然后单击另一个按钮打开新的日期时间选择器，则第一个保持不变(它不会关闭)。我希望一次只能打开一个日期时间选择器。

这是一个 JsFiddle Demo 

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

这是 bootstrap datetimepicker 2.5 在使用 moment 2.5(moment-with-langs)时的标准行为，但现在它似乎不是这样工作的。

有没有人有解决此问题的想法？

注意:我使用的是 Eonasdan bootstrap-datetimepicker 版本 3.0.3 和 moment 2.8(moment-with-locales)、jQuery 1.9 和 Bootstrap 3

这里棘手的是 bootstrap-datetimepicker 附加到 <body>一个<div>对于每个初始化的与其触发按钮完全无关的日期时间选择器。

最佳答案

试试这个:

$('.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.
        });
    });
});

那应该一次只允许打开一个日期时间选择器。

关于javascript - Bootstrap DateTimePicker : Open one datetimepicker at a time，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25978820/

38 4 0
文章推荐： javascript - 对于不受信任的代码，工作人员是否足够安全
文章推荐： javascript - 如何在不计算隐藏元素的情况下获取索引？
文章推荐： javascript - 在 JQuery 中，为什么我不能在调用 removeAttr ("checked") 后选中复选框？
文章推荐： javascript - 如何使用 Javascript 将毫秒转换为可读日期？
塔克拉玛干
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com