निर्दिष्ट मान आवश्यक प्रारूप के अनुरूप नहीं है yyyy-MM-dd

Question

मेरे पास .NET MVC 5 एप्लिकेशन है जो डेटा एनोटेशन, एंटिटी-फ्रेमवर्क Jquery 2.1.3 और Jquery UI 1.11.4 का उपयोग कर रहा है।

जब मैं यूके प्रारूप "डीडी/एमएम/वाई वाईवायवाई" का उपयोग करके टाइप डेट के इनपुट के साथ एक संपादन फ़ॉर्म प्रस्तुत करता हूं; निम्न त्रुटि संदेश प्रकट होता है जब गूगल क्रोम का उपयोग कर:

निर्धारित मूल्य '10/10/2001 yyyy-MM-dd '' आवश्यक प्रारूप, के अनुरूप नहीं है '। jQuery-2.1.3.js: 5317

मॉडल

public class MyModel 
{ 
    [Column(TypeName = "date"), DataType(DataType.Date), Display(Name = "My date")] 
    [DisplayFormat(DataFormatString = "{0:dd/MM/yyyy}")] 
    public string MyDate { get; set; } 
} 

मार्क अप

<input class="text-box single-line" data-val="true" data-val-date="The field My date must be a date." id="MyDate" name="MyDate" type="date" value="10/10/2001" /> 

मूल्य इनपुट नियंत्रण में ठीक से सेट है लेकिन तारीख नहीं है ब्राउज़र में दिखाई देते हैं। मैंने पहली बार सोचा था कि यह jQuery के साथ एक मुद्दा था क्योंकि यह jQuery स्क्रिप्ट फ़ाइल को प्रदर्शित कर रहा है, लेकिन जब आईई और फ़ायरफ़ॉक्स में परीक्षण सब कुछ ठीक काम कर रहा है।

मुझे लगता है कि यह क्रोम में मेरी क्षेत्रीय सेटिंग थी क्योंकि डिफ़ॉल्ट रूप से क्रोम सोचता है कि हर कोई अंग्रेजी अमेरिका में है, मैंने क्षेत्रीय सेटिंग को ब्रिटेन में बदल दिया और फिर भी वही समस्या दिखाई देती है।

एक साधारण फिक्स मेरे मॉडल में प्रारूप को सार्वभौमिक में बदलने के लिए होगा, लेकिन यूके उपयोगकर्ताओं के लिए यह एक छोटा विदेशी है।

क्रोम को बताने का कोई तरीका है जो "डीडी/एमएम/वाई वाईवायवाई" में दिनांक स्वरूप स्वीकार करता है?

Answer 1

एचटीएमएल 5 दिनांक पिकर राज्य के लिए विनिर्देश बताते हैं कि दिनांक प्रारूप yyyy-MM-dd (आईएसओ प्रारूप) में होना चाहिए। इसका मतलब यह है कि आप DisplayFormatAttribute होना चाहिए

[DisplayFormat(DataFormatString = "{0:yyyy-MM-dd}", ApplyFormatInEditMode = true)] 
public string MyDate { get; set; } 

वैकल्पिक रूप से आप मैन्युअल @Html.DisplayFor()

Answer 2

में

@Html.TextBoxFor(m => m.MyDate, "{0:yyyy-MM-dd}", new { @type = "date" }) 

बाद में विकल्प का उपयोग कर आप उपयोग के लिए DataFormatString = "{0:dd/MM/yyyy}") रखने के लिए अनुमति देता है प्रारूप में जोड़ सकते हैं आप उपयोग कर सकते हैं InputTagHelper.Format

<input asp-for="MyDate" asp-format="{0:yyyy-MM-dd}" /> 

https://docs.asp.net/projects/api/en/latest/autoapi/Microsoft/AspNetCore/Mvc/TagHelpers/InputTagHelper/#prop-Microsoft.AspNetCore.Mvc.TagHelpers.InputTagHelper.Format