Bagaimana untuk menyesuaikan format tarikh dalam teg input tarikh HTML?
P粉709644700
P粉709644700 2023-08-21 14:15:32
0
1
598
<p>Saya ingin tahu sama ada boleh menetapkan format tarikh dalam teg <code><input type="date"></input></code> Pada masa ini ia adalah format yyyy-mm -dd, dan apa yang saya perlukan ialah format dd-mm-yyyy. </p>
P粉709644700
P粉709644700

membalas semua(1)
P粉505917590

Saya menemui soalan yang sama atau soalan berkaitan pada stackoverflow

Saya dapati penyelesaian yang mudah, anda tidak boleh memberikan format tertentu tetapi anda boleh menyesuaikannya seperti di bawah.

Kod 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>

Kod CSS:

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

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

Keluaran:

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan