Question

当我使用type="text"时，它会在输入框中显示日期，但它不会显示下拉日历，但如果将其设置为type="date"，则不会显示输入的日历。

Answer 1

date字段只接受YYYY-MM-DD格式的值：

＆＃13;

<label><input type="date" value="2016-05-26"> Format YYYY-MM-DD</label><br />
<label><input type="date" value="26.05.2016"> Format DD.MM.YYYY</label>

＆＃13;

它会在您的语言区域中显示日期，但内部仍为YYYY-MM-DD。

Answer 2

使用value属性定义默认值。

<input type="date" value="2016-05-29">

Answer 3

试一试这会对你有所帮助。

<input type="date" id="datt1" >

<script type="text/javascript">
var d1 = new Date();
var y1= d1.getFullYear();
var m1 = d1.getMonth()+1;
if(m1<10)
    m1="0"+m1;
var dt1 = d1.getDate();
if(dt1<10)
dt1 = "0"+dt1;
var d2 = y1+"-"+m1+"-"+dt1;
document.getElementById("datt1").value=d2;
</script>

你也可以试试始终使用（ - ）作为日期格式中的分隔符，而在html输入类型日期中打印值属性。

如何在HTML中的输入类型日期中显示默认日期？

3 个答案: