4

我有一个日期选择器，它不能通过编辑框允许今天之前的日期。

var dateOptions = { 
  dateFormat: "mm/dd/yy", 
  constrainInput: true, 
  gotoCurrent: true, 
  minDate: new Date()
};

$('.date').datepicker(dateOptions);
$('.date').datepicker('setDate', new Date());

在 html 中它被实现为：

<label class="text14"><strong>Depart</strong></label>
<input type="text" id="tbDTimeOne" maxlength="10" size="10" name="tbDTimeOne" class="colum130 date" /> <img src="images/calendar.png" style="margin-left:-25px;" />

好的，这就是发生的事情。页面被渲染，onready 函数被调用，日期输入被设置为今天的日期，用户选项卡/点击日期输入，日历弹出，用户通过键盘编辑现有日期并将其设置为之前的日期今天，用户标签到下一个字段。接受并显示的输入是 minDate 之前的日期。

有什么办法解决这个问题？

4

3 回答 3

1

Datepicker 不限制键盘输入（参见http://bugs.jqueryui.com/ticket/6917）

$('.date').attr('readonly', 'readonly');

将是一个解决方案，但是您将失去手动输入文本的可能性。如果您需要保留此功能，您仍然可以验证输入 http://keith-wood.name/uiDatepickerValidation.html

于 2012-07-01T14:09:49.120 回答
0

http://docs.jquery.com/UI/Datepicker#option-minDate

minDate: new Date(2011,12,30)
于 2012-07-01T14:09:40.357 回答
0

另一种可能的选择是使用输入掩码。使用输入/jQuery，您可以使用 .Mask 原型并强制用户输入您正在寻找的有效日期格式。您还可以使用 moment.js 库来使用自定义的验证组合。

$(".someClass").mask("00/00/0000");

这将强制日期为 2017 年 1 月 1 日，而不是 1/1/1，这会使 JS 中的日期值混淆。

于 2017-09-11T17:16:23.623 回答