【问题标题】:jQuery UI Datepicker, How can I make the text box editable by keyboard using the 'oo' dateformat?jQuery UI Datepicker,如何使用“oo”日期格式通过键盘编辑文本框?
【发布时间】:2015-07-07 21:50:17
【问题描述】:

我正在使用具有一年中前导零日格式的日期选择器。 我的用户还希望能够使用他们的键盘输入一年中的某一天('012'、'034'、'356')。使用 datepicker 日期格式代码 'oo',无法通过键盘输入文本……但您可以使用删除键和退格键将其删除。

这是我的代码:

$( '#dateFieldID' ).datepicker({ dateFormat: 'oo' });

当从动画框中选择日期时,它会按预期格式化日期字段,但不允许从键盘输入文本。 任何帮助将不胜感激。

【问题讨论】:

  • 搞砸了这个问题,我发现我可以使用键盘输入字符'o'和'o'..就是这样。很奇怪。

标签: jquery jquery-ui datepicker formatting jquery-ui-datepicker


【解决方案1】:

我发现日期选择器的默认设置是将输入限制为实现的日期选择器格式所允许的内容。就我的问题而言,唯一允许的字符输入是“oo”。 (那是两个小写字母'O'。)

见:http://api.jqueryui.com/datepicker/#option-constrainInput

虽然这有助于系统识别特定的 Julian 样式日期格式,但它限制了允许的输入,不是很好。

通过将 constrainInput 选项的值更改为“false”,我们可以添加我们的数字并在需要时对其进行验证。

这是带有选项设置为允许数字的代码:

$( '#dateFieldID' ).datepicker({ constrainInput: false, dateFormat: 'oo' });

【讨论】:

    猜你喜欢
    • 2016-06-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-04-22
    • 1970-01-01
    • 2014-04-28
    • 1970-01-01
    相关资源
    最近更新 更多