【问题标题】:Bootstrap: Hide date picker after a date has been selectedBootstrap:选择日期后隐藏日期选择器
【发布时间】:2023-03-20 16:51:01
【问题描述】:

我使用 Bootstrap 日期选择器。我想在用户选择日期后隐藏日期选择器对话框。

这是我目前所拥有的:

var from_close = $(document).on('focus', ".date-picker", function() {
    $(this).datepicker();
});
	
$(document).datepicker().on('changeDate', function(ev) {
    from_close.hide();
}).data('datepicker');

【问题讨论】:

  • 使用的插件是什么

标签: javascript jquery twitter-bootstrap bootstrap-datepicker


【解决方案1】:

试试这个:

$(".date-picker").on("changeDate", function () {
  $(this).datepicker("hide");
});

Here are some examples

【讨论】:

  • $(document).on('focus',".date-picker", function(){ $(this).datepicker(); }); $(".datepicker").on("changeDate", function () { $(this).datepicker("hide"); });我试过了,但现在工作了,你有什么想法吗?
  • @user3382927,是的,视情况而定。
  • 对不起,我写的英文是正确的。我上面的评论不起作用。请帮我解决它。
  • @user3382927 我已经编辑了我的答案。请改用$(".date-picker")
【解决方案2】:

在日期选择器功能中使用以下选项:

{autoclose: true}

【讨论】:

    猜你喜欢
    • 2019-03-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-27
    • 1970-01-01
    相关资源
    最近更新 更多