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

HTML5定义了几个与日期有关的新控件。支持日期控件的浏览器会提供一个方便的下拉式日历,供用户选择。以下测试和截图都是在谷歌浏览器完成的,其他浏览器可能略有差异。1、日期时间控件HTML代码:JS操作代码://获取日期控件对象var oTimer = document.getElementById("myTime");console.log(oTimer);//获取时间值字符串var value ...
摘要由CSDN通过智能技术生成

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

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

1、日期时间控件

170e1adb26e301e0b94f2e64745d0a6c.png

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)这个控件时间手动选择的时候不能精确到秒,

  • 2
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值