1

我有带日期选择器的文本框。根据我的要求，用户必须选择每月的第一个星期二或第二个星期二。因此，我使用以下代码禁用了其余日期，并且工作正常。

var dates_allowed = {
      '2012-07-24': 1,
      '2012-08-14': 1,
      '2012-08-21': 1,
      '2012-09-11': 1,
  '2012-09-18': 1,
      '2012-10-09': 1,
      '2012-10-16': 1
};
$("#" + webinarDate.id).datepicker({
    // called for every date before it is displayed
    beforeShowDay: function(date) {

        // prepend values lower than 10 with 0
        function addZero(no) {
            if (no < 10){
              return "0" + no;
            }  else {
              return no; 
            }
        }

        var date_str = [
            addZero(date.getFullYear()),
            addZero(date.getMonth() + 1),
            addZero(date.getDate())      
        ].join('-');

        if (dates_allowed[date_str]) {
            return [true, 'good_date', 'This date is selectable'];
        } else {
            return [false, 'bad_date', 'This date is NOT selectable'];
        }
    }
});

但问题是用户可以在文本框中输入日期而不是使用 datepicker（我不想要那个）。如何限制用户从日期选择器中选择日期，而不是手动输入。我希望你明白..

4

4 回答 4

2

你是这个意思？

您可以使用以下命令将日期选择器输入文本设置为只读。

在你的情况下将是这个元素：$("#" + webinarDate.id)

<input type='text' id='datepickerTxt' readonly='true'>

或者：

$("#datepickerTxt").attr('readonly', 'true');

或者：

$("#datepickerTxt").keypress(function(e){ e.preventDefault(); });

在现代 jQuery 版本中：

$("#datepickerTxt").prop('readonly', 'true');
于 2012-07-24T15:33:34.467 回答
0

日期选择器在这里是正确的解决方案吗？感觉更像是一个下拉列表，可以选择下一批日期。

如果需要，您可以使用 onblur 定位用户输入并进行测试。

或者，如果触发了 onfocus，则禁用键盘输入。

于 2012-07-24T15:33:28.237 回答
0

在 ASPX 中 - 拖放 AJAX 日历扩展器，将 ControlToValidate 更改为 txt_Date（日期文本框）的 ID，将 Enable Client Script 更改为 False

然后

在 TextBox 属性中，只需将只读属性更改为 TRUE..

（确保您已经拖动 ScriptManager 以使扩展器工作）...

现在您只能使用日历扩展器更改日期，因此无法输入无效日期。

于 2012-10-21T08:01:31.187 回答
0

我会看到这个答案： jQuery Date Picker where text input is read only Add an onclick event and disable the input

于 2012-07-24T15:36:05.523 回答