原生js如何封装一个时间格式化函数

野性酷女 2022-12-08 05:38 204阅读 0赞

在项目中我们经常遇到一些需求就是如何把时间格式转成一个自己想要的格式，当然啦，你可以使用一些第三方插件比如moment，这是别人已经封装好的，如果你想成为一名有思想的程序员，而不是一位搬运工，你得明白原生js如何自己封装一个时间格式化函数，代码如下：

--------------------

function formatDate(value, fmt) { 
      let getDate = new Date(value);
      let o = { 
        'M+': getDate.getMonth() + 1,
        'd+': getDate.getDate(),
        'h+': getDate.getHours(),
        'm+': getDate.getMinutes(),
        's+': getDate.getSeconds(),
        'q+': Math.floor((getDate.getMonth() + 3) / 3),
        'S': getDate.getMilliseconds()
      };
      if (/(y+)/.test(fmt)) { 
        fmt = fmt.replace(RegExp.$1, (getDate.getFullYear() + '').substr(4 - RegExp.$1.length));
      }
      for (let 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 d = new Date();
    console.log(formatDate(d, 'yyyy-MM-dd')); // 2020-09-18
    console.log(formatDate(d, 'yyyy:MM:dd')); // 2020:09:18
    console.log(formatDate(d, 'yyyy-MM-dd hh:mm')); // 2020-09-18 17:26

发表评论取消回复

表情：

评论列表（有 0 条评论，204人围观）

还没有评论，来说两句吧...

相关阅读

相关 js时间格式化函数

、将时间戳格式化成字符串 /** * @param now 时间戳 1567491849760 * @ret...

妖狐艹你老母/ 2024年04月18日 05:43/ 0 赞/ 61 阅读

相关封装一个高阶的js 时间格式化的方法

下面是一个高阶的 JavaScript 时间格式化函数的示例： function formatDate(date, format) { if (!date

青旅半醒/ 2024年03月25日 10:47/ 0 赞/ 39 阅读

相关 js原生缓慢返回顶部函数封装

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L215X25l

我就是我/ 2023年07月08日 02:49/ 0 赞/ 20 阅读

相关原生js如何封装一个时间格式化函数

在项目中我们经常遇到一些需求就是如何把时间格式转成一个自己想要的格式，当然啦，你可以使用一些第三方插件比如moment，这是别人已经封装好的，如果你想成为一名有思想的程序员，而

野性酷女/ 2022年12月08日 05:38/ 0 赞/ 205 阅读

相关 JS 时间格式化函数

//时间格式化函数 Date.prototype.format = function (format) \{ var o = \{ "M

àì夳堔傛蜴生んèń/ 2022年05月29日 06:17/ 0 赞/ 219 阅读

相关 JS-时间格式化函数(YY-MM-DD)

将后台传回的时间格式的数据格式化为YY-MM-DD格式字符串，以便数据展示: // 格式化时间方法，结果类型 yy-mm-dd function format

悠悠/ 2022年05月24日 10:12/ 0 赞/ 157 阅读

相关原生js封装Ajax函数

Ajax，是 Asynchronous JavaScript + XML 的简写。指一种创建交互式网页应用的网页开发的技术。通过异步模式，提升了用户体验。优化了浏览器和服

￡神魔★判官ぃ/ 2022年05月23日 04:26/ 0 赞/ 300 阅读

相关时间格式化封装、ajax封装

1、时间格式化 Date.prototype.format=function(pattern){//日期格式化 var returnValue=patter

旧城等待，/ 2022年05月14日 14:04/ 0 赞/ 240 阅读

相关 js后端返回一个时间戳，用原生怎么对时间进行格式化？

function fn(time) { var date = new Date(time); var len = time.toStri

矫情吗；*/ 2021年11月27日 07:01/ 0 赞/ 240 阅读

相关 js如何实现时间的格式化

js如何实现时间的格式化 1、获取当前时间 var myDate = new Date(); 2、获取时间中的年月日时分秒

灰太狼/ 2020年06月07日 15:53/ 0 赞/ 727 阅读