1

我目前正在使用http://eonasdan.github.io/bootstrap-datetimepicker/

如果我打开另一个 datetimepicker,我们如何关闭打开的 datetimepicker?

因为我有 2 个日期时间选择器,而且它们重叠。

代码:

$('#picker_start_date').click(function() {
    var start_picker = $("#picker_start_date").find(".bootstrap-datetimepicker-widget");
    var end_picker = $("#picker_end_date").find(".bootstrap-datetimepicker-widget")
    if(end_picker.is(":visible")) {
        end_picker.hide();
        start_picker.show();
    }
    else {
        start_picker.show();
    }
})

$('#picker_end_date').click(function() {
    var start_picker = $("#picker_start_date").find(".bootstrap-datetimepicker-widget");
    var end_picker = $("#picker_end_date").find(".bootstrap-datetimepicker-widget");
    if(start_picker.is(":visible")) {
        start_picker.hide();
        end_picker.show();
    }
    else {
        end_picker.show();
    }
})

我已经在上面尝试过这段代码,它很成功。不一致

4

1 回答 1

1

你没有粘贴你的标记。无论如何,希望这个片段可以帮助您实现所需的功能。

比如说,我们有两个日期选择器,ID 为 datepicker1 和 datepicker2

jQuery(document).ready(function(){
  $('#datepicker1').hide();
   $('#datepicker2').hide(); 
/* Please note that if the css rules are set to display:none !important then it may not hide them */

 $('#datepicker1').click(function(){

  $(this).toggle();
 });

 $('#datepicker2').click(function(){

  $(this).toggle();
 });
});

PS - 请确保您使用单独的 id 进行差异。日期选择器。在它之前加载你的jquery。

如果您遇到任何麻烦,请告诉我!

于 2015-12-31T11:20:41.970 回答