【问题标题】:Bootstrap Datetimepicker - blur() when pressing enterBootstrap Datetimepicker - 按回车时模糊()
【发布时间】:2019-01-10 10:25:12
【问题描述】:

直接编辑我的 datetimepicker 的 input 字段内的日期时(不打开小部件),我想通过按键确认输入的日期。

我认为只要调用blur() 就可以了。

但我不知道如何在我的 datetimepicker 的 input 字段上运行 blur()。有人有想法吗?

$(".mydatepicker").datetimepicker({
    locale: "de",
    format: "L",
    minDate: "1900/01/01",
    keyBinds: {
        enter: function () {
            // "this.input.blur();"
        }
    }
})

不是最干净的,但工作解决方案

$(".mydatepicker").datetimepicker({
    locale: "de",
    format: "L",
    minDate: "1900/01/01",
    keyBinds: {
        enter: function () {
            this.show();
            this.hide();
        }
    }
})

【问题讨论】:

  • 您可以使用dp.hide()dp.show() 以编程方式使用hide()show() 选择器。检查Docs
  • 我宁愿使用确定和取消按钮来确认所选日期或使用提交按钮来确认。
  • @Justcode with "confirming" 我的意思是 input-element 的焦点会消失,并且小部件在打开时会采用我手动编辑的日期。
  • @MartijnVissers this.show(); this.hide(); 确实有效。好吧,不是最干净的解决方案,但它有效。谢谢!
  • 没问题,我会把它添加为您的问题的答案,供您接受并让其他人更容易找到

标签: jquery datetimepicker bootstrap-datetimepicker eonasdan-datetimepicker


【解决方案1】:

添加为答案,因为 OP 喜欢该解决方案。

而不是使用blur()另一个选项是使用@ 987654323和dp.show() @拾取器需要打开或关闭时。有了这个,控制就更容易了,因为焦点和模糊编程可能有点烦人

查看docs了解更多信息

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-07-22
    • 1970-01-01
    • 2023-04-05
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多