搜索

首页  >  问答  >  正文

如何在HTML日期输入标签中自定义日期格式?

<p>我想知道是否有可能在html的<code><input type="date"></input></code>标签中设置日期格式... 目前是yyyy-mm-dd格式,而我需要的是dd-mm-yyyy格式。</p>
P粉709644700P粉709644700461 天前603

全部回复(1)我来回复

  • P粉505917590

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

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

    输出:

    回复
    0
  • 取消回复