blocks|key|601207|text|你没有。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|601208|首先，你的问题是模棱两可的--你是指显示给用户的格式，还是传输到web服务器的格式？|601209|如果您指的是显示给用户的格式，那么这取决于最终用户界面，而不是您在HTML中指定的任何内容。通常，我希望它基于操作系统区域设置中设置的日期格式。尝试用您自己的首选格式覆盖它是没有意义的，因为它显示的格式(通常来说)是用户区域设置的正确格式，以及用户习惯于写入/理解日期的格式。|601210|如果您指的是将数据传输到服务器的格式，那么您正在尝试解决错误的问题。您需要做的是编写服务器端代码以接受yyyy-mm-dd格式的日期。|601211|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|L|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|M|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>You don't.</p>
<p>Firstly, your question is ambiguous - do you mean the format in which it is displayed to the user, or the format in which it is transmitted to the web server?</p>
<p>If you mean the format in which it is displayed to the user, then this is down to the end-user interface, not anything you specify in the HTML.  Usually, I would expect it to be based on the date format that is set in the operating system locale settings.  It makes no sense to try to override it with your own preferred format, as the format it displays in is (generally speaking) the correct one for the user's locale and the format that the user is used to writing/understanding dates in.</p>
<p>If you mean the format in which it's transmitted to the server, you're trying to fix the wrong problem.  What you need to do is program the server-side code to accept dates in yyyy-mm-dd format.</p>


blocks|key|601072|text|如果您使用的是jQuery，这里有一个很好的简单方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|601073|$("#dateField").val(new+Date().toISOString().substring(0,+10));|code-block|syntax|javascript|601074|或者有一种古老的传统方式：|601075|document.getElementById("dateField").value+=+new+Date().toISOString().substring(0,+10)|601076|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>If you're using jQuery, here's a nice simple method</p>

<pre><code>$("#dateField").val(new Date().toISOString().substring(0, 10));
</code></pre>

<p>Or there's the old traditional way:</p>

<pre><code>document.getElementById("dateField").value = new Date().toISOString().substring(0, 10)
</code></pre>


blocks|key|816680|text|为什么不按原样使用html5+date控件，以及允许它在支持date类型的浏览器上正常工作的其他属性，并且仍然可以在其他浏览器上工作，比如firefox尚未支持date类型|type|unstyled|depth|inlineStyleRanges|entityRanges|data|816681|<input+type="date"+name="input1"+placeholder="YYYY-MM-DD"+required+pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}"+title="Enter+a+date+in+this+formart+YYYY-MM-DD"/>|code-block|syntax|javascript|816682|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Why not use the html5 date control as it is, with other attributes that allows it work ok on browsers that support date type and still works on other browsers like firefox that is yet to support date type</p>

<pre><code>&lt;input type="date" name="input1" placeholder="YYYY-MM-DD" required pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}" title="Enter a date in this formart YYYY-MM-DD"/&gt;
</code></pre>


blocks|key|816744|text|$('input[type="date"]').change(function(){
+++alert(this.value.split("-").reverse().join("-"));+
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|816745|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$('input[type="date"]').change(function(){
   alert(this.value.split("-").reverse().join("-")); 
});
</code></pre>


blocks|key|600963|text|我想是的，在HTML中没有DD-MM-YYYY格式的语法。请参阅本页面http://www.java2s.com/Code/SQLServer/Date-Timezone/FormatdateMmmddyyyyhhmmdp.htm。在某种程度上，它会对你有所帮助。否则使用javascript日期选择器。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|600964|entityMap|0|LINK|mutability|MUTABLE|url|http://www.java2s.com/Code/SQLServer/Date-Timezone/FormatdateMmmddyyyyhhmmdp.htm^0|Z|28|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<p>I think so, in HTML there is no syntax for DD-MM-YYYY format. Refer this page <a href="http://www.java2s.com/Code/SQLServer/Date-Timezone/FormatdateMmmddyyyyhhmmdp.htm" rel="nofollow">http://www.java2s.com/Code/SQLServer/Date-Timezone/FormatdateMmmddyyyyhhmmdp.htm</a>. Somewhat it will help you. Else use javascript date picker. </p>


blocks|key|816393|text|我不确定这一点，但我认为这应该由浏览器根据用户的日期/时间设置来处理。请尝试将计算机设置为以该格式显示日期。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|816394|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

<p>I don't know this for sure, but I think this is supposed to be handled by the browser based on the user's date/time settings. Try setting your computer to display dates in that format.</p>


blocks|key|601414|text|我做了很多研究，我不认为一个人可以强制格式的<input+type="date">。浏览器选择本地格式，根据用户设置，如果用户的语言是英语，日期将显示为英语格式(mm/dd/yyyy)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|601415|在我看来，最好的解决方案是使用插件来控制显示。|601416|Jquery+DatePicker似乎是一个很好的选择，因为您可以强制localization，date+format+...|601417|entityMap|0|LINK|mutability|MUTABLE|url|https://jqueryui.com/datepicker/|1|https://jqueryui.com/datepicker/#localization|2|https://jqueryui.com/datepicker/#date-formats^0|M|J|0|0|0|H|0|Z|C|1|1C|B|2|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Y|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|Z|8|@]|D|@$9|10|A|11|1|12]|$9|13|A|14|1|15]|$9|16|A|17|1|18]]|E|$]]|$1|J|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|K|$L|$5|M|N|O|E|$P|Q]]|R|$5|M|N|O|E|$P|S]]|T|$5|M|N|O|E|$P|U]]]]

<p>I made a lot of research and I don't think one can force format of the <code>&lt;input type="date"&gt;</code>.
The browser select the local format, and depending on user settings, if the user's language is in English, the date will be displayed to the English format (mm/dd/yyyy).</p>

<p>In my opinion, the best solution is to use a plugin to control the display. </p>

<p><a href="https://jqueryui.com/datepicker/" rel="nofollow noreferrer">Jquery DatePicker</a> seems a good option since you can force the <a href="https://jqueryui.com/datepicker/#localization" rel="nofollow noreferrer">localization</a>, <a href="https://jqueryui.com/datepicker/#date-formats" rel="nofollow noreferrer">date format</a> ...</p>


blocks|key|601603|text|我想出了一个与我所读到的任何上面的答案略有不同的答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|601604|我的解决方案使用了少量的JavaScript和html输入。|601605|输入接受的日期将生成格式为'yyyy-mm-dd‘的字符串。我们可以将其拆分，并将其适当地放置为新的Date()。|601606|下面是基本的HTML：|601607|<form+id="userForm">
++++<input+type="text"+placeholder="1,+2,+3,+4,+5,+6"+id="userNumbers"+/>
++++<input+type="date"+id="userDate"+/>
++++<input+type="submit"+value="Track"+/>
</form>|code-block|syntax|javascript|601608|这里是基本的JS：|601609|let+userDate+=+document.getElementById('userDate').value.split('-'),
++++parsedDate+=+new+Date((`${userDate[1]}-${userDate[2]}-${userDate[0]}`));|601610|您可以随心所欲地格式化日期。您可以创建一个新的Date()并从中获取所有信息...或者简单地使用'userDate[]‘来构建你的字符串。|601611|请记住，在'new+Date()‘中输入日期的某些方式会产生意想不到的结果。(即一天后)|601612|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|A|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|12|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|14|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

<p>I came up with a slightly different answer than anything above that I've read.</p>

<p>My solution uses a small bit of JavaScript and an html input.</p>

<p>The Date accepted by an input results in a String formatted as 'yyyy-mm-dd'.  We can split it and place it properly as a new Date().</p>

<p>Here is basic HTML:</p>

<pre><code>&lt;form id="userForm"&gt;
    &lt;input type="text" placeholder="1, 2, 3, 4, 5, 6" id="userNumbers" /&gt;
    &lt;input type="date" id="userDate" /&gt;
    &lt;input type="submit" value="Track" /&gt;
&lt;/form&gt;
</code></pre>

<p>Here is basic JS:</p>

<pre><code>let userDate = document.getElementById('userDate').value.split('-'),
    parsedDate = new Date((`${userDate[1]}-${userDate[2]}-${userDate[0]}`));
</code></pre>

<p>You can format the date any way you like.  You can create a new Date() and grab all the info from there... or simply use 'userDate[]' to build your string.</p>

<p>Keep in mind, some ways that a date is entered into 'new Date()' produces an unexpected result.  (ie - one day behind)</p>


blocks|key|817036|text|<html>

++++<body>
++++++++<p+id="result">result</p>Enter+some+text:+<input+type="date"+name="txt"+id="value"+onchange="myFunction(value)">
++++++++<button+onclick="f()">submit</button>
++++++++<script>
++++++++++++var+a;

++++++++++++function+myFunction(val){
++++++++++++++++a+=+val.split("-").reverse().join("-");
++++++++++++++++document.getElementById("value").type+=+"text";
++++++++++++++++document.getElementById("value").value+=+a;
++++++++++++}

++++++++++++function+f(){
++++++++++++++++document.getElementById("result").innerHTML+=+a;
++++++++++++++++var+z+=+a.split("-").reverse().join("-");
++++++++++++++++document.getElementById("value").type+=+"date";
++++++++++++++++document.getElementById("value").value+=+z;
++++++++++++}

++++++++</script>
++++</body>

</html>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|817037|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;html&gt;

    &lt;body&gt;
        &lt;p id="result"&gt;result&lt;/p&gt;Enter some text: &lt;input type="date" name="txt" id="value" onchange="myFunction(value)"&gt;
        &lt;button onclick="f()"&gt;submit&lt;/button&gt;
        &lt;script&gt;
            var a;

            function myFunction(val){
                a = val.split("-").reverse().join("-");
                document.getElementById("value").type = "text";
                document.getElementById("value").value = a;
            }

            function f(){
                document.getElementById("result").innerHTML = a;
                var z = a.split("-").reverse().join("-");
                document.getElementById("value").type = "date";
                document.getElementById("value").value = z;
            }

        &lt;/script&gt;
    &lt;/body&gt;

&lt;/html&gt;
</code></pre>


blocks|key|601515|text|简单直接的回答是没有或者没有开箱即用，但我已经想出了一个方法，使用一个文本框和纯JS代码来模拟日期输入，并执行您想要的任何格式，以下是代码|type|unstyled|depth|inlineStyleRanges|entityRanges|data|601516|<html>
<body>
date+:+
<span+style="position:+relative;display:+inline-block;border:+1px+solid+#a9a9a9;height:+24px;width:+500px">
++++<input+type="date"+class="xDateContainer"+onchange="setCorrect(this,'xTime');"+style="position:+absolute;+opacity:+0.0;height:+100%25;width:+100%25;"><input+type="text"+id="xTime"+name="xTime"+value="dd+/+mm+/+yyyy"+style="border:+none;height:+90%25;"+tabindex="-1"><span+style="display:+inline-block;width:+20px;z-index:+2;float:+right;padding-top:+3px;"+tabindex="-1">&#9660;</span>
</span>
<script+language="javascript">
var+matchEnterdDate=0;
//function+to+set+back+date+opacity+for+non+supported+browsers
++++window.onload+=function(){
++++++++var+input+=+document.createElement('input');
++++++++input.setAttribute('type','date');
++++++++input.setAttribute('value',+'some+text');+
++++++++if(input.value+===+"some+text"){
++++++++++++allDates+=+document.getElementsByClassName("xDateContainer");
++++++++++++matchEnterdDate=1;
++++++++++++for+(var+i+=+0;+i+<+allDates.length;+i%2B%2B)+{
++++++++++++++++allDates[i].style.opacity+=+"1";
++++++++++++}+
++++++++}
++++}
//function+to+convert+enterd+date+to+any+format
function+setCorrect(xObj,xTraget){
++++var+date+=+new+Date(xObj.value);
++++var+month+=+date.getMonth();
++++var+day+=+date.getDate();
++++var+year+=+date.getFullYear();
++++if(month!='NaN'){
++++++++document.getElementById(xTraget).value=day%2B"+/+"%2Bmonth%2B"+/+"%2Byear;
++++}else{
++++++++if(matchEnterdDate==1){document.getElementById(xTraget).value=xObj.value;}
++++}
}
+++</script>
++</body>
</html>|code-block|syntax|javascript|601517|1-请注意，此方法仅适用于支持日期类型的浏览器。|601518|2-+JS代码中的第一个函数用于不支持日期类型的浏览器，并将外观设置为普通文本输入。|601519|3-如果您将此代码用于页面中的多个日期输入，请将函数调用和输入本身中的文本输入的ID+"xTime“更改为其他名称，当然，请使用您希望用于表单提交的输入的名称。|601520|4-在第二个函数中，你可以使用任何你想要的格式来代替day%2B“/+"%2Bmonth%2B”/+"%2Byear例如year%2B“/+"%2Bmonth%2B”/+"%2Bday，并在页面加载时在文本输入中使用占位符或值作为yyyy+/+mm+/+dd。|601521|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>short direct answer is no or not out of the box but i have come up with a method to use a text box and pure JS code to simulate the date input and do any format you want, here is the code </p>

<pre><code>&lt;html&gt;
&lt;body&gt;
date : 
&lt;span style="position: relative;display: inline-block;border: 1px solid #a9a9a9;height: 24px;width: 500px"&gt;
    &lt;input type="date" class="xDateContainer" onchange="setCorrect(this,'xTime');" style="position: absolute; opacity: 0.0;height: 100%;width: 100%;"&gt;&lt;input type="text" id="xTime" name="xTime" value="dd / mm / yyyy" style="border: none;height: 90%;" tabindex="-1"&gt;&lt;span style="display: inline-block;width: 20px;z-index: 2;float: right;padding-top: 3px;" tabindex="-1"&gt;&amp;#9660;&lt;/span&gt;
&lt;/span&gt;
&lt;script language="javascript"&gt;
var matchEnterdDate=0;
//function to set back date opacity for non supported browsers
    window.onload =function(){
        var input = document.createElement('input');
        input.setAttribute('type','date');
        input.setAttribute('value', 'some text'); 
        if(input.value === "some text"){
            allDates = document.getElementsByClassName("xDateContainer");
            matchEnterdDate=1;
            for (var i = 0; i &lt; allDates.length; i++) {
                allDates[i].style.opacity = "1";
            } 
        }
    }
//function to convert enterd date to any format
function setCorrect(xObj,xTraget){
    var date = new Date(xObj.value);
    var month = date.getMonth();
    var day = date.getDate();
    var year = date.getFullYear();
    if(month!='NaN'){
        document.getElementById(xTraget).value=day+" / "+month+" / "+year;
    }else{
        if(matchEnterdDate==1){document.getElementById(xTraget).value=xObj.value;}
    }
}
   &lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>1- please note that this method only work for browser that support date type.</p>

<p>2- the first function in JS code is for browser that don't support date type and set the look to a normal text input.</p>

<p>3- if you will use this code for multiple date inputs in your page please change the ID "xTime" of the text input in both function call and the input itself to something else and of course use the name of the input you want for the form submit.</p>

<p>4-on the second function you can use any format you want instead of day+" / "+month+" / "+year for example year+" / "+month+" / "+day and in the text input use a placeholder or value as yyyy / mm / dd for the user when the page load.</p>


blocks|key|601655|text|用于在mm-dd-yyyy中设置格式|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|601656|+aa+=+date.split("-")

+date+=+aa[1]%2B'-'%2Baa[2]%2B'-'%2Baa[0]|code-block|syntax|javascript|601657|entityMap^0|3|A|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>For formatting in <code>mm-dd-yyyy</code>:</p>
<pre class="lang-js prettyprint-override"><code> aa = date.split(&quot;-&quot;)

 date = aa[1]+'-'+aa[2]+'-'+aa[0]
</code></pre>


blocks|key|601351|text|干净的实现，没有依赖关系。https://jsfiddle.net/h3hqydxa/1/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|601352|++<style+type="text/css">
++++.dateField+{
++++++width:+150px;
++++++height:+32px;
++++++border:+none;
++++++position:+absolute;
++++++top:+32px;
++++++left:+32px;
++++++opacity:+0.5;
++++++font-size:+12px;
++++++font-weight:+300;
++++++font-family:+Arial;
++++++opacity:+0;
++++}

++++.fakeDateField+{
++++++width:+100px;+/*+less,+so+we+don't+intercept+click+on+browser+chrome+for+date+picker.+could+also+change+this+at+runtime+*/
++++++height:+32px;+/*+same+as+above+*/
++++++border:+none;
++++++position:+absolute;+/*+position+overtop+the+date+field+*/
++++++top:+32px;
++++++left:+32px;
++++++display:+visible;
++++++font-size:+12px;+/*+same+as+above+*/
++++++font-weight:+300;+/*+same+as+above+*/
++++++font-family:+Arial;+/*+same+as+above+*/
++++++line-height:+32px;+/*+for+vertical+centering+*/
++++}
++</style>

++<input+class="dateField"+id="dateField"+type="date"></input>
++<div+id="fakeDateField"+class="fakeDateField"><em>(initial+value)</em></div>

++<script>
++++var+dateField+=+document.getElementById("dateField");
++++var+fakeDateField+=+document.getElementById("fakeDateField");

++++fakeDateField.addEventListener("click",+function()+{
++++++document.getElementById("dateField").focus();
++++},+false);

++++dateField.addEventListener("focus",+function()+{
++++++fakeDateField.style.opacity+=+0;
++++++dateField.style.opacity+=+1;
++++});

++++dateField.addEventListener("blur",+function()+{
++++++fakeDateField.style.opacity+=+1;
++++++dateField.style.opacity+=+0;
++++});

++++dateField.addEventListener("change",+function()+{
++++++//+this+method+could+be+replaced+by+momentJS+stuff
++++++if+(dateField.value.length+<+1)+{
++++++++return;
++++++}

++++++var+date+=+new+Date(dateField.value);
++++++var+day+=+date.getUTCDate();
++++++var+month+=+date.getUTCMonth()+%2B+1;+//zero-based+month+values
++++++fakeDateField.innerHTML+=+(month+<+10+?+"0"+:+"")+%2B+month+%2B+"+/+"+%2B+day;
++++});

++</script>|code-block|syntax|javascript|601353|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/h3hqydxa/1/^0|D|W|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

<p>Clean implementation with no dependencies. <a href="https://jsfiddle.net/h3hqydxa/1/" rel="nofollow noreferrer">https://jsfiddle.net/h3hqydxa/1/</a></p>

<pre><code>  &lt;style type="text/css"&gt;
    .dateField {
      width: 150px;
      height: 32px;
      border: none;
      position: absolute;
      top: 32px;
      left: 32px;
      opacity: 0.5;
      font-size: 12px;
      font-weight: 300;
      font-family: Arial;
      opacity: 0;
    }

    .fakeDateField {
      width: 100px; /* less, so we don't intercept click on browser chrome for date picker. could also change this at runtime */
      height: 32px; /* same as above */
      border: none;
      position: absolute; /* position overtop the date field */
      top: 32px;
      left: 32px;
      display: visible;
      font-size: 12px; /* same as above */
      font-weight: 300; /* same as above */
      font-family: Arial; /* same as above */
      line-height: 32px; /* for vertical centering */
    }
  &lt;/style&gt;

  &lt;input class="dateField" id="dateField" type="date"&gt;&lt;/input&gt;
  &lt;div id="fakeDateField" class="fakeDateField"&gt;&lt;em&gt;(initial value)&lt;/em&gt;&lt;/div&gt;

  &lt;script&gt;
    var dateField = document.getElementById("dateField");
    var fakeDateField = document.getElementById("fakeDateField");

    fakeDateField.addEventListener("click", function() {
      document.getElementById("dateField").focus();
    }, false);

    dateField.addEventListener("focus", function() {
      fakeDateField.style.opacity = 0;
      dateField.style.opacity = 1;
    });

    dateField.addEventListener("blur", function() {
      fakeDateField.style.opacity = 1;
      dateField.style.opacity = 0;
    });

    dateField.addEventListener("change", function() {
      // this method could be replaced by momentJS stuff
      if (dateField.value.length &lt; 1) {
        return;
      }

      var date = new Date(dateField.value);
      var day = date.getUTCDate();
      var month = date.getUTCMonth() + 1; //zero-based month values
      fakeDateField.innerHTML = (month &lt; 10 ? "0" : "") + month + " / " + day;
    });

  &lt;/script&gt;
</code></pre>


blocks|key|817124|text|我们可以通过使用split方法在javascript中将yyyy-mm-dd格式更改为dd-mm-yyyy。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|817125|let+dateyear=+"2020-03-18";
let+arr+=+dateyear.split('-')+//now+we+get+array+of+these+and+we+can+made+in+any+format+as+we+want
let+dateFormat+=+arr[2]+%2B+"-"+%2B+arr[1]+%2B+"-"+%2B+arr[0]++//In+dd-mm-yyyy+format|code-block|syntax|javascript|817126|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>We can change this yyyy-mm-dd format to dd-mm-yyyy in javascript by using split method.</p>
<pre><code>let dateyear= &quot;2020-03-18&quot;;
let arr = dateyear.split('-') //now we get array of these and we can made in any format as we want
let dateFormat = arr[2] + &quot;-&quot; + arr[1] + &quot;-&quot; + arr[0]  //In dd-mm-yyyy format
</code></pre>


blocks|key|817072|text|以下是解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|817073|++<input+type="text"+id="end_dt"/>

$(document).ready(function+()+{
++++$("#end_dt").datepicker({+dateFormat:+"MM/dd/yyyy"+});
});|code-block|syntax|javascript|817074|希望这能解决这个问题:)|817075|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Here is the solution: </p>

<pre><code>  &lt;input type="text" id="end_dt"/&gt;

$(document).ready(function () {
    $("#end_dt").datepicker({ dateFormat: "MM/dd/yyyy" });
});
</code></pre>

<p>hopefully this will resolve the issue :)</p>


blocks|key|601130|text|日期值的格式为'YYYY-MM-DD'。请参阅以下示例|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|601131|<form>
<input+value="2015-11-30"+name='birthdate'+type='date'+class="form-control"+placeholder="Date+de+naissance"/>
</form>|code-block|syntax|javascript|601132|你需要做的就是将日期格式化为php、asp、ruby或其他任何格式。|601133|entityMap^0|7|C|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

<p>The format of the date value is <code>'YYYY-MM-DD'</code>. See the following example </p>

<pre><code>&lt;form&gt;
&lt;input value="2015-11-30" name='birthdate' type='date' class="form-control" placeholder="Date de naissance"/&gt;
&lt;/form&gt;
</code></pre>

<p>All you need is to format the date in php, asp, ruby or whatever to have that format.</p>


<p>I am wondering whether it is possible to set the date format in the html <code>&lt;input type="date"&gt;&lt;/input&gt;</code> tag... Currently it is yyyy-mm-dd, while I need it in the dd-mm-yyyy format.</p>


How to set date format in HTML date input tag?

我想知道是否可以在html <input type="date"></input>标签中设置日期格式...当前是yyyy-mm-dd，而我需要的是dd-mm-yyyy格式。

问如何在HTML日期输入标签中设置日期格式？
EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML日期输入标签中设置日期格式？EN

回答 15

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在HTML日期输入标签中设置日期格式？
EN