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

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

   如:

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.

你可能感兴趣的:(HTML5)