亲宝软件园·资讯

展开

JavaScript内置格式化时间 JavaScript内置日期、时间格式化时间实例代码

是这般没趣 人气:0
想了解JavaScript内置日期、时间格式化时间实例代码的相关内容吗,是这般没趣在本文为您仔细讲解JavaScript内置格式化时间的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:javascript,日期格式化,js怎样格式化日期,js时间格式转换,下面大家一起来学习吧。

一、基础知识(date对象的方法)

😜 getFullYear( ) 用于返回一个表示年份的4位数

🤣 getMonth( ) 返回表示月份的数字,但是返回值是 0(一月) 到 11(十二月) 之间的一个整数

😘 getDate( ) 返回某一天

😊 getHours( ) 返回时间的小时字段

😍 getMinutes( ) 返回时间的分钟字段

😎 getSeconds( ) 返回时间的秒,返回值是 0 ~ 59 之间的一个整数

二、格式化日期

案例:将此刻的时间格式化(因为时间在流逝,所以结果会不同哟!)

代码如下:

效果呈现:

三、封装函数实现格式化日期(方便咱们后面使用)

代码如下:

效果呈现:

虽然这个案例比较简单但是还是有需要注意的地方哈!比如我们在得到月份的时候必须要+1,否则返回的月份会比真实的月份少1。这也在提醒我们在敲代码的时候一定要细心细心再细心!

附一个比较流行的js格式化日期和时间的封装函数:

Date.prototype.format = function(fmt){
  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;
}

使用方法如下:

var now = new Date(); // 一般传入毫秒时间戳进行初始化
var nowStr = now.format("yyyy-MM-dd hh:mm:ss");

四、总结

加载全部内容

相关教程
猜你喜欢
用户评论