Question

javascript怎么操作type=date的input，使得input显示的内容是我设定的时间。

input_element.value = XXX;好像行不通.举个例子。<input type="date" id="my_date">
我有一个time，它是date类型的，它的值是 Wed Jul 03 2013 18:54:00 GMT+0800 (中国标准时间)，我要的效果是这样的

Answer 1

在js中设置自定义时间到date控件的方法：

1、在html5中定义时间控件

<input type="date" id="datePicker"  value=""/>

2、编写脚本实现自定义时间的赋值

//创建一个当前日期对象

var now = new Date();

//格式化日，如果小于9，前面补0
var day = ("0" + now.getDate()).slice(-2);

//格式化月，如果小于9，前面补0

var month = ("0" + (now.getMonth() + 1)).slice(-2);

//拼装完整日期格式
var today = now.getFullYear()+"-"+(month)+"-"+(day) ;

//完成赋值
$('#datePicker').val(today);

3、运行结果：

Answer 2

可以使用jquery这样：
html部分：<input type="input" id="my_date">
js代码：
var yourTime=xxxx/xx/xx;你设定的时间(建议用js时间格式化函数)
$("#my_date").attr('value',yourTime);

Answer 3

input控制的属性只有: button,radio,checkbox,submit,reset等
没有你想要的date, 在表单中是无法初始化输入类型的，只有通过JS进行格式化输入格式，建议你使用JS日期控制实现时间输入。
可以参考：http://www.open-open.com/ajax/DatePicker.htm

Answer 4

注意：日和月必须是两位数的才能行：

<input type='date' value='' id='input'>

<script>
let input = document.getElementById('input');
let oDate = new Date();
let month = oDate.getMonth() + 1;
if (month.toString().length === 1) {
    month = '0' + month.toString();
}
let day = oDate.getDate();
if (day.toString().length === 1) {
    day = '0' + day.toString();
}
input.value = `${oDate.getFullYear()}-${month}-${day}`;
</script>

Answer 5

<input type="date" value="2014-05-18"/>