给datetime-local设置默认时间

Posted 2020-11-30 baimeishaoxia

背景

使用html5的datetime-local的input元素，平台为NodeJS，另外使用momentjs模块。

实现

jade代码如下：

input#timeBegin.form-control(type="datetime-local", name="timeBegin", required, min=moment().format(), value=moment(risk.timeBegin).format(‘YYYY-MM-DDTHH:mm:ss‘))

主要需要注意的就是：

1. value设置的格式为：YYYY-MM-DDTHH:mm:ss

2. 如果需要设置到秒，可以再加入：step=1

3. type需要设置为：datetime-local

生成HTML后为：

<input id="timeBegin" type="datetime-local" name="timeBegin" required min="2016-06-27T15:43:08+08:00" value="2016-01-11T16:00:00" class="form-control">

参考

• ‘Invalid value‘ when setting default value in HTML5 datetime-local input