如何设置输入的默认值[type ="date"]

Question

我试过(JSFiddle):

<input type="date" value="2012-3-23">

但它不起作用,我该如何设置默认值？

Answer 1

日期应采用格式YYYY-MM-DD.单位数天和月应填0,1月为01.

从文档:

表示日期的字符串.

值:[RFC 3339]中定义的有效完整日期,附加限定年份组件是四位或更多位数,表示大于0的数字.

您的代码应更改为:

<input type="date" value="2013-01-08">

示例jsfiddle

Answer 2

<input type="date" id="myDate" />

然后在js:

_today: function () {
  var myDate = document.querySelector(myDate);
  var today = new Date();
  myDate.value = today.toISOString().substr(0, 10);
},

Answer 3

可能的解决方案:

document.getElementById("yourDatePicker").valueAsDate = new Date();

使用Moment.js:

var today = moment().format('YYYY-MM-DD');
document.getElementById("datePicker").value = today;

Answer 4

如果您使用的是PHP,则可以像这样设置值

<input type="date" value="<?php echo date("Y-m-d");?>">

但请记住它会返回服务器的日期.如果您想从客户端使用,请改用javascript.希望能帮助到你.

Answer 5

你可以使用这个js代码:

<input type="date" id="dateDefault" />

JS

function setInputDate(_id){
    var _dat = document.querySelector(_id);
    var hoy = new Date(),
        d = hoy.getDate(),
        m = hoy.getMonth()+1, 
        y = hoy.getFullYear(),
        data;

    if(d < 10){
        d = "0"+d;
    };
    if(m < 10){
        m = "0"+m;
    };

    data = y+"-"+m+"-"+d;
    console.log(data);
    _dat.value = data;
};

setInputDate("#dateDefault");