JQuery日期选择器手动输入

时间:2014-04-18 05:52:16

标签: jquery

我正在使用Jquery Datepicker,格式为'mm / yyyy',我允许手动输入。我有两个问题 1.当我只是单击文本框而不选择任何日期时,在我单击文本框外部后,日期将被选中 2.当用户手动添加日期时,如果他使用退格键清除文本框,则在文本框外部单击后,日期将被选中。

我还想在手动输入上应用验证,请参阅此Fiddle Code 这是我的日期选择器

   $("#dtpick").datepicker({
                prevText: "",
                nextText: "",
                changeMonth: true,
                changeYear: true,
                showButtonPanel: true,
                dateFormat: 'mm/yy',
                onClose: function (dateText, inst) {
                      if ($(this).val() == "") {
              var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                    var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                    $(this).datepicker('setDate', new Date(year, month, 1));
                      }
                }
            });

1 个答案:

答案 0 :(得分:0)

试试这个

         $("#dtpick").datepicker({
            prevText: "",
            nextText: "",
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            dateFormat: 'mm/yy',
            onClose: function (dateText, inst) {
                  if ($(this).val() == "undefined") {
                      alert("");
          var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
                var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
                $(this).datepicker('setDate', new Date(year, month, 1));
                  }
            }
        });