谷歌浏览器是显示yyyy-MM-dd

谷歌浏览器中不dd/MM/yyyy格式从加载日期的日期格式YYYY-MM-DD代替DD/MM/YYYY

问题描述:

指定的值"18/08/2017"不符合要求的格式,控制器方法。我想将日期加载到日期类型字段中。谷歌浏览器给我一个警告。如何解决此问题谷歌浏览器是显示<code>yyyy-MM-dd</code></p> <p>谷歌浏览器中不<code>dd/MM/yyyy</code>格式从加载日期的日期格式YYYY-MM-DD代替DD/MM/YYYY

指定的值"18/08/2017"不符合所需的格式,yyyy-MM-dd

,这里是我的观点

@Html.EditorFor(model => model.DateReceived, "{0:dd/MM/yyyy}", 
    new {htmlAttributes = new { @class = "form-control", @type="date" } }) 
+0

我早就离开输入型作为文本并使用一些jquery插件选择日期,因为日期输入类型仅在chrome中显示datepicker,并且在其他浏览器中不起作用。 –

Chrome会询问 “YYYY-MM-DD” 代码 - > 2017年8月18日
你给了镀铬 “DD-MM-YYYY” - > 18/08/2017
您需要为Chrome提供所需的格式。

更改为:

@Html.EditorFor(model => model.DateReceived, "{0:yyyy/MM/dd}", new {htmlAttributes = new { @class = "form-control", @type="date" } }) 
+0

仍然无法正常工作。我将它改为@ Html.EditorFor(model => model.DateReceived,“{0:yyyy/MM/dd}”,new {htmlAttributes = new {@class =“form-control”}})和DisplayFormat也相同语气 – Danushkaw

请填写下面的JavaScript在页面

<script type="text/jscript"> 
    $(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)); 
      } 
     }; 
    }); 

,并考虑写这

@Html.EditorFor(model => model.DateReceived, "{0:dd/MM/yyyy}", 
new { @class = "form-control" })