Jquery Datepicker Chrome

Question

当使用jQuery UI Datepicker时，我们在Google Chrome中使用时遇到了一个问题：当我们输入日期高于12的日期时，它不接受它作为有效日期，这是因为chrome认为dateformat是mm/dd/yyyy。我们试图通过添加代码来解决这个问题，试图迫使日期设置为DD/MM/YYYY

$('.date').datepicker({ dateFormat: "dd/mm/yy" }); 

有什么办法解决这个问题，所以我们的日期选择器将接受DD/MM/YYYY值？ 我们在谷歌浏览器中只有这个问题，datefix适用于firefox，例如& safari。 我们在这个项目中使用ASPX & MVC3。

如果有人能解决我们的问题，那将是巨大

感谢

Answer 1

我有同样的问题，并与所有基于Webkit的网络浏览器有关。如果您设置大写字母M，则文本框将显示带有字母的飞蛾。对我来说，最好的解决办法是覆盖从jquery.validate.js的验证日期功能

创建jquery.validate.date.js并确保其jquery.validate.js后加载

下面的代码添加到jquery.validate.date.js

$(function() { 
    $.validator.methods.date = function (value, element) { 
     if ($.browser.webkit) { 

      //ES - Chrome does not use the locale when new Date objects instantiated: 
      var d = new Date(); 

      return this.optional(element) || !/Invalid|NaN/.test(new Date(d.toLocaleDateString(value))); 
     } 
     else { 

      return this.optional(element) || !/Invalid|NaN/.test(new Date(value)); 
     } 
    }; 
}); 

Answer 2

user1011138解决方案不为我工作，因为.toLocaleDateString(value)不解析value串

这是我为J想出=> 解决方案query.validate.js找到这个函数的定义： “日期：函数（值，元素）”，并与替换代码：

// http://docs.jquery.com/Plugins/Validation/Methods/date 
date: function (value, element) { 
    var d = value.split("/"); 
    return this.optional(element) || !/Invalid|NaN/.test(new Date((/chrom(e|ium)/.test(navigator.userAgent.toLowerCase())) ? d[1] + "/" + d[0] + "/" + d[2] : value)); 
}, 

Answer 3

$.validator.methods.date = function (value, element) {     
      if ($.browser.webkit) {      
       var d = value.split("/"); 
       return this.optional(element) || !/Invalid|NaN/.test(new Date((/chrom(e|ium)/.test(navigator.userAgent.toLowerCase())) ? d[1] + "/" + d[0] + "/" + d[2] : value)); 
       } 
      else { 
       return this.optional(element) || !/Invalid|NaN/.test(new Date(value)); 
      } 
     }; 

Answer 4

创建一个新的文件jquery.validate.date.js。

将以下代码粘贴到文件中。

$(function() { 
    $.validator.methods.date = function (value, element) { 
     if ($.browser.webkit) { 
     var d = new Date(); 
     return this.optional(element) || !/Invalid|NaN/.test(new Date(d.toLocaleDateString(value))); 
     } 
     else { 
     return this.optional(element) || !/Invalid|NaN/.test(new Date(value)); 
    } 
    }; 
}); 

现在确保该文件在jquery.validate.js文件后加载。因为jQuery浏览器检查已被弃用扔jquery.validate.min.js Uncaught TypeError: Cannot read property 'webkit' of undefined. Exception occurred when checking element DateOfBirth, check the 'date'

在我的项目

Answer 5

上述解决方案没有工作，我用momentjs与bootstrap datetimepicker，因此该方案的伟大工程：

$(function() { 
    $.validator.methods.date = function (value, element) { 
     return this.optional(element) || moment(value, 'DD/MM/YYYY').isValid(); 
    }; 
}); 

调用此权后loading jquery.validate()

Answer 6

你必须用'en-GB'日期验证来覆盖默认的'en-US'日期验证。

• 成 'en-US'=> 'MM/DD/YY'
• 成 'en-GB'=> 'DD/MM/YY'

解决方案：

在您的项目

添加一个“jquery.validate.date.js”文件，并把下面的代码在它：

//To Fix jQuery date format 'en-GB' validation problem in Chrome 
$(function() { 
    $.validator.addMethod(
     "date", 
     function (value, element) { 
      var bits = value.match(/([0-9]+)/gi), str; 
      if (!bits) 
       return this.optional(element) || false; 
      str = bits[1] + '/' + bits[0] + '/' + bits[2]; 
      return this.optional(element) || !/Invalid|NaN/.test(new Date(str)); 
     }, 
     "Please enter date in valid format [dd/mm/yyyy]" 
    ); 
}); 

，并确保其升在“jquery.validate.min.js”后OAD：

<script type="text/javascript" src="/Scripts/jquery-3.1.0.min.js"></script> 
<script type="text/javascript" src="/Scripts/jquery.validate.min.js"></script> 
<script type="text/javascript" src="/Scripts/jquery.validate.date.js"></script>