在Datepicker文本字段中输入文本

时间:2013-04-05 13:27:43

标签: javascript jquery jquery-ui jquery-ui-datepicker

我正在使用jQueryUI将datepicker添加到文本字段中。一切正常,但由于这个原因,我无法在文本字段中输入任何文本。我只能通过日期选择器添加日期。

但我希望用户能够在文本字段中输入NOW之类的内容。但是,当前输入手动文本时会被阻止,因为您可以在此示例中看到小提琴:http://jsfiddle.net/Kugzd/

有没有改变这种行为?

2 个答案:

答案 0 :(得分:7)

只需将constrainInput: false添加到日期选择器选项

即可
$(function() {
    $('.date').datepicker({
        constrainInput: false
    });
});

检查documentation

演示:http://jsfiddle.net/Kugzd/2/

答案 1 :(得分:2)

除了使用constraintInput选项(如另一个答案所述)之外,请考虑将datepicker与Date.js库结合使用,这样您就可以使用today这样的单词和表达式,tomorrownext Tuesday并将其转换为日期。