我目前正在使用 http://eonasdan.github.io/bootstrap-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();
}
})
我已经尝试了上面的这段代码,但它失败了。不一致
最佳答案
您没有粘贴标记。无论如何希望这个片段可以帮助您实现所需的功能。
比如说,我们有两个日期选择器,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();
});
});
P.S - 请确保您对差异使用单独的 ID。日期选择器。在它之前加载你的 jquery。
如果您遇到任何问题,请告诉我!
关于html - Bootstrap datetimepicker 在打开另一个 datetimepicker 时关闭,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34545168/