Question

检查字段：

checkFields = function() {
  var colCheck = 0;
  var colArray = [];
  var colDupArray = [];
  var iDate = $("check_date").value;
  if(iDate.length > 0) {
    var a = iDate.split("/"); 
    if(isValidDate(a[0],a[1]-1,a[2]) == false){
      alert("You have entered an invalid date. Please amend!");
      return false;
    }

验证：

isValidDate = function(day,month,year) {
  var dteDate;
  dteDate=new Date(year,month,day);

  var day = dteDate.getDate();
  var month = dteDate.getMonth() + 1;
  var year = dteDate.getFullYear();

  var formatted =
      (day < 10 ? "0" : "") + day + "/"  +
      (month < 10 ? "0" : "") + month + "/"  +
      year;

  return
+day === dteDate.getDate() && 
+month === dteDate.getMonth() &&
+year === dteDate.getFullYear();
}

问题是我的代码接受日期，例如“03.06.2012”，当时我只希望它接受数字之间的斜杠。

当我只想要一个四位数的年份时，它也接受“03/06/12”。

有什么想法吗？

Answer 1

根据建议，让用户以选择的格式输入日期。输出应该符合预期。

我用Date.prototype.formatDateField和一个名为moment的库扩展了我的小演示，它似乎也很干净。作为第三个选项jQuery-UI $.datepicker.formatDate()

这仍然不是防弹的，也许你应该找一个可以为你处理格式的日期选择器。解决问题的最佳解决方案。

如果你想自定义，那么这可能会让你开始：

// prototype
Date.prototype.formatDateField = function (options) {
    var i = 0,
        date = [],
        len = date.push(this.getDate(), this.getMonth() + 1, this.getFullYear());

    for (; i < len; i += 1) {
        var chunk = date[i];
        date[i] = chunk < 10 ? options.pad + chunk : chunk;
    }

    return date.join(options.separator);
};

// Setup output
var cfg = {
    fieldDate: "#fieldDate",
    options: {
        pad: "0",
        format: "dd/MM/yyyy",
        separator: "/"
    }
};

// function to call
function reformatInput(){
    $(cfg.date).blur(function(){
        var moment = moment(this.value).calendar(cfg.options2.format),
            prot = new Date(this.value).formatDateField(cfg.options2),
            jqueryui = $.datepicker.formatDate(cfg.options2.format, new Date(this.value));

        $(cfg.fieldDate1).val(moment);
        $(cfg.fieldDate2).val(prot);
        $(cfg.fieldDate3).val(jqueryui);
    });
}

// run on demand
reformatInput();

演示： http://jsfiddle.net/tive/YvdKA/

Answer 2

至少对于四位数年份的问题，请查看this jfiddle输出和代码：

d1 = new Date(1,2,3);
d2 = d1.getFullYear();
d3 = d1.getMonth();
d4 = d1.getDay();
alert(d2);
alert(d3);
alert(d4);

Date构造函数对四年数字并不严格（尽管Mozilla说you should do）。在上面的例子中，它甚至将int 1作为一年！这反映在您的程序中接受长度不是4个字符的年份。

也许测试年份字符串的长度？

对于拆分，也许你可以使用一个正则表达式，既可以拆分又，确保你只接受斜杠（如建议here）？

Answer 3

您以某种方式将格式与验证功能混合在一起。这应该是这样的：

function isValidDate(day,month,year) {
    var dteDate = new Date(year,month,day);

    return +day === dteDate.getDate()
        && +month === dteDate.getMonth()
        && +year === dteDate.getFullYear();
}
function formatDate(dteDate) {
    var day = dteDate.getDate(),
        month = dteDate.getMonth() + 1,
        year = dteDate.getFullYear();

    var formatted = (day < 10 ? "0" : "") + day + "/"
                  + (month < 10 ? "0" : "") + month + "/"
                  + year;
    return formatted;
}

Javascript日期验证 - 年份和完整停止

3 个答案: