How to customize date format in HTML date input tag?
P粉709644700
2023-08-21 14:15:32
<p>I would like to know if it is possible to set the date format in the <code><input type="date"></input></code> tag in html... currently it is yyyy-mm -dd format, and what I need is dd-mm-yyyy format. </p>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
I found the same question or related question on stackoverflow
I found a simple solution, you can't give a specific format, but you can customize it as follows.
HTML code:
CSS code:
#dt{text-indent: -500px;height:25px; width:200px;}Javascript code:
function mydate() { //alert(""); document.getElementById("dt").hidden=false; document.getElementById("ndt").hidden=true; } function mydate1() { d=new Date(document.getElementById("dt").value); dt=d.getDate(); mn=d.getMonth(); mn++; yy=d.getFullYear(); document.getElementById("ndt").value=dt+"/"+mn+"/"+yy document.getElementById("ndt").hidden=false; document.getElementById("dt").hidden=true; }Output: