如何在HTML日期输入标签中自定义日期格式？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

P粉709644700 2023-08-21 14:15:32

[CSS3讨论组]

1161

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

P粉709644700

全部回复(1)

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

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

输出：