cari

Rumah  >  Soal Jawab  >  teks badan

Bagaimana untuk menyesuaikan format tarikh dalam teg input tarikh HTML?

<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粉709644700P粉709644700504 hari yang lalu632

membalas semua(1)saya akan balas

  • P粉505917590

    P粉5059175902023-08-22 11:21:49

    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:

    balas
    0
  • Batalbalas