如何在HTML日期輸入標籤中自訂日期格式?
P粉709644700
P粉709644700 2023-08-21 14:15:32
0
1
599
<p>我想知道是否有可能在html的<code><input type="date"></input></code>標籤中設定日期格式... 目前是yyyy-mm -dd格式,而我需要的是dd-mm-yyyy格式。 </p>
P粉709644700
P粉709644700

全部回覆(1)
P粉505917590

我在stackoverflow上找到了相同的問題或相關的問題

我找到了一個簡單的解決方案,你不能給出具體的格式,但你可以自訂如下。

HTML程式碼:

<body>
<input type="date" id="dt" onchange="mydate1();" hidden/>
<input type="text" id="ndt"  onclick="mydate();" hidden />
<input type="button" Value="Date" onclick="mydate();" />
</body>

CSS程式碼:

#dt{text-indent: -500px;height:25px; width:200px;}

Javascript程式碼:

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;
}

輸出:

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板