您的位置:首页 > 其它

关于datetime-local与时间戳相互转化

2016-03-08 20:16 645 查看
HTML5中的新对象Datetime Local可用于本地时间选择,是H5中很棒的新功能!在不考虑老版IE、FF的情况下能大大减少我们的开发花销。

如:<input type="datetime-local" id="timer" />

1.可用Date对象的getTime()方法获取时间戳!

如: var oTimer = document.getElementById('timer');

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

2.如何给datetime-local赋值呢?

小伙伴都很聪明,认为那还不简单,自己在Date对象扩充一个Format函数不就行了:

以下为网上找的一个函数,还不错:

Date.prototype.Format = function(fmt)
{ //author: meizz
var o = {
"M+" : this.getMonth()+1,                 //月份
"d+" : this.getDate(),                    //日
"h+" : this.getHours(),                   //小时
"m+" : this.getMinutes(),                 //分
"s+" : this.getSeconds(),                 //秒
"q+" : Math.floor((this.getMonth()+3)/3), //季度
"S"  : this.getMilliseconds()             //毫秒
};
if(/(y+)/.test(fmt))
fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
for(var k in o)
if(new RegExp("("+ k +")").test(fmt))
fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
return fmt;
};
试试!! new Date(1459382400000).Format("yyyy-MM-dd HH:mm:ss");

得到

。不错不错,搞定!????

我们试试:oTimer.value = new Date(1459382400000).Format("yyyy-MM-dd hh:mm:ss");

结果


我++,一定是我打开的方式不对!!!F5F5F5F5F5F5...

其实,童鞋,你格式错了!!!

应该是"yyyy-MM-ddThh:mm:ss"!

老子改了半天,你就给我看这个!!!

小一点的项目,逻辑简单一点还好,能很快确定问题所在。一旦项目逻辑复杂一些,我还要去看我前面的存取、赋值逻辑是否有错,那酸爽!!!!

其中的T即Time

原话:Note that the "T" appears literally in the string,
to indicate the beginning of the time element, as specified in ISO 8601.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: