资讯专栏INFORMATION COLUMN

js格式化日期对象

hightopo / 3210人阅读

摘要:介绍前端经常要处理日期对象将其转为或者年月日代码实现个位数字补日期处理可根据需要传递得到自己想要的结果日期对象代码测试年月日年月日

介绍

前端经常要处理日期对象,将其转为2018-08-08或者2018/08/08,2018年08月08日

代码实现 个位数字补0
function leftPadding(n) {
   n = n.toString()
   return n.padStart(2,0)
}
日期处理
/**
 * Y: year
 * M: month
 * D: day
 * H: hour
 * m: minutes
 * S: seconds
 */
/**
 * 可根据需要传递pattern得到自己想要的结果
 * @param date 日期对象
 * @param pattern
 * @returns {string}
 */
const formatTime = (date = new Date(), pattern = "Y/M/D") => {
    const year = date.getFullYear()
    const month = date.getMonth() + 1
    const day = date.getDate()
    const hour = date.getHours()
    const minutes = date.getMinutes()
    const seconds = date.getSeconds()
    
    return pattern
        .replace("Y", year)
        .replace("M", formatNumber(month))
        .replace("D", formatNumber(day))
        .replace("H", formatNumber(hour))
        .replace("m", formatNumber(minutes))
        .replace("S", formatNumber(seconds))
}
代码测试
console.log(formatTime()) // 2018/04/10
console.log(formatTime(new Date(2018, 3, 21))) // 2018/04/21
console.log(formatTime(new Date(1822333333333),"Y-M-D H:m:S")) // 2027-10-01 03:42:13
console.log(formatTime(new Date(2018, 3, 21), "Y年M月D日")) // 2018年04月21日

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94121.html

相关文章

  • 需要知道的JS日期知识,都在这了

    摘要:实际上是格林威治标准时间的同义词默认情况下,中的几乎每个日期方法除了一个都是本地时间。如果你住在格林威治标准时间晚的的地区,你会得到一个日期是月日。需要知道对象日期方法。 为了保证的可读性,本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! JS中的 Date 很奇怪。当我们需要处理日期和时间的时候比较麻烦,经常借助像date-fns和 Mom...

    testbird 评论0 收藏0
  • JS基础篇--日期Date详解与实例扩展

    摘要:实际上,如果直接将表示日期的字符串传递给构造函数,也会在后台调用方法,例如下面的代码跟前面的是等价的。构造函数构造函数会模仿但有一点不同的是,日期和时间都是基于本地时区而非来创建。兼容性问题啊其原因就是非标准日期格式。 一:Date类型介绍 要创建一个日期对象,使用new操作符和Date构造函数即可: var now = new Date(); Date.parse()方法 其中Da...

    Apollo 评论0 收藏0
  • 推荐一个js常用工具函数库

    etools 常用js函数整理 安装和使用 使用npm安装:npm install -s etools通过es6模块引入,如import _ from etools;console.log(_.extend(true,{},{age:23})); 下载并在页面引入etools.js直接调用ETool对象中得方法,如console.log(ETools.extend(true,{},{age:2...

    lemanli 评论0 收藏0
  • 【重温基础】7.时间对象

    摘要:本文是重温基础系列文章的第七篇。系列目录复习资料资料整理个人整理重温基础语法和数据类型重温基础流程控制和错误处理重温基础循环和迭代重温基础函数重温基础表达式和运算符重温基础数字本章节复习的是中的时间对象,一些处理的方法。 本文是 重温基础 系列文章的第七篇。今日感受:做好自律。 系列目录: 【复习资料】ES6/ES7/ES8/ES9资料整理(个人整理) 【重温基础】1.语法和数据类型...

    YuboonaZhang 评论0 收藏0
  • 重温JS基础--引用类型(二)

    摘要:创建一个日期对象中国标准时间在调用构造函数而不传参数的情况下,新创建的对象自动获得当前日期和时间。日期格式化方法类型还有一些专门用于将日期格式化为字符串的方法中国标准时间下午以上的这些方法都会根据系统环境而异。 咱们接着上面一篇继续~ 1. Date类型 JavaScript中的Date类型使用自UTC时间,1970年1月1日零时开始的毫秒数来保存日期。创建一个日期对象: var no...

    NusterCache 评论0 收藏0

发表评论

0条评论

hightopo

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<