html中下拉日历控件,HTML5之日历控件

HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历，供用户选择。

以下测试和截图都是在谷歌浏览器完成的，其他浏览器可能略有差异。

1、日期时间控件

HTML代码：

JS操作代码：

//获取日期控件对象

var oTimer = document.getElementById("myTime");

console.log(oTimer);

//获取时间值字符串

var value = oTimer.value;

console.log(value);

//获取时间戳

var time = new Date(oTimer.value).getTime();

console.log(time);

//赋值操作

oTimer.value = "2018-04-28T13:59:59";

这个控件需要注意的地方：

(1)就是获取到的时间值字符串是这样的，类似于“2018-04-28T01:00”，中间带有一个T，并且不带秒。

(2)这个控件时间手动选择的时候不能精确到秒，