JavaScript时间格式化工具

通过修改Date原型链来添加时间格式化函数

平常时间使用时间格式化使用的比较多，已经存在的有moment.js等优秀的时间格式化库，但这些库对于我简单的使用场景显得笨重不适用，自己敲苦于每次实际使用的时候去重复的造轮子。故在此上传一个之前封装的格式化组件。

主要代码

Date.prototype.Format = function (fmt) { // author: meizzvar 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
}

实际使用

只需要在项目初始化的时候去执行引入一次改方法，就可以了。

实际使用

let date = new Date() //Sun Jun 28 2020 23:14:47 GMT+0800 (中国标准时间)
date.Format('yyyy年MM月dd日 hh:mm:ss') // "2020年06月28日 23:14:47"

实现原理

通过正则的替换将输入的模版串中的值用时间进行替换。需要注意以下几点:

String.prototype.substr mdn str.substr(start[, length])

当传入一个值时，若为正值表示以序号为起点向后截取，为负值就从后向前

start为正, length有效时从 start位开始向后截取length字符。start的正负代表方向

var str = "abcdefghij"
console.log("(-3): "     + str.substr(-3));    // (-3): hij
console.log("(1): "      + str.substr(1));     // (1): bcdefghijconsole.log("(1,2): "    + str.substr(1,2));   // (1,2): bc
console.log("(-3,2): "   + str.substr(-3,2));  // (-3,2): hiconsole.log("(-20, 2): " + str.substr(-20,2)); // (-20, 2): ab
console.log("(20, 2): "  + str.substr(20,2));  // (20, 2):

RegExp.$1 - $9 表示包含括号子串匹配的正则表达式的静态和只读属性。

var re = /(\w+)\s(\w+)/;
var str = 'John Smith';
str.replace(re, '$2, $1'); // "Smith, John"
RegExp.$1; // "John"
RegExp.$2; // "Smith"

JavaScript时间格式化工具函数相关推荐

JavaScript时间日期函数
//随机数生成器 Math.random() 装换为整数 parseInt() 日期时间函数(需要用变量调用): var b = new Date(); //获取当前时间 b.getTime() // ...
javascript时间处理函数
当前时间: var timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; 返回的是毫秒,后三位为0 var timesta ...
javascript时间格式format函数，js日期格式化函数
我在之前有一篇文章,写的是"javascript时间戳函数",大家可以看一下,记录了js时间戳的转换,今天主要写的函数式日期格式化函数,我们有时候调用的new Date()不是格式 ...
如何用JavaScript的回调函数做出承诺
by Adham El Banhawy 由Adham El Banhawy 如何用JavaScript的回调函数做出承诺 (How to make a Promise out of a Callbac ...
oracle 日期 extract,ORACLE——EXTRACT() 截取日期时间的函数使用
1.截取日期的年: --使用方法 EXTRACT(YEAR FROM DATE) SQL> SELECT EXTRACT( YEAR FROM SYSDATE ) FROM DUAL; --结 ...
Json 时间转换为 Javascript 时间 Date Jquery 调用WCF
"/Date(1232035200000)/" 怎么转换成 javascript 的 Date 对象做法:new Date(+/\d+/.exec(value)[1]); val ...
Javascript学习之函数(function)
http://www.cnblogs.com/royalroads/p/4418587.html 在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例,而且都与其 ...
php计算两个日期之间的小时数,PHP_php 计算两个时间戳相隔的时间的函数(小时)，这个是可以具体到小时的php代 - phpStudy...
php 计算两个时间戳相隔的时间的函数(小时) 这个是可以具体到小时的php代码复制代码代码如下: /* Author: 杨宇 yangyu@sina.cn */ //输入两个时间戳,计算差值,也 ...
JS一个根据时区输出时区时间的函数
做项目遇到的坑爹问题,需要根据时区获取时区中轴线的时间.为此搜了好久网上都没什么JS的代码描述到这一方面,最后自己翻了下高中地理才写了个函数出来. 此图可以看出来,全球分为了0时区,东西1-11区,第 ...
javascript内置函数是什么
js内置函数是浏览器内核自带的,不用任何函数库引入就可以直接使用的函数.javascript内置函数一共可分为五类: 1.常规函数 2.数组函数 3.日期函数 4.数学函数 5.字符串函数第一类:常 ...

JavaScript时间格式化工具函数

JavaScript时间格式化工具

通过修改Date原型链来添加时间格式化函数

实际使用

实现原理

JavaScript时间格式化工具函数相关推荐

最新文章

热门文章