首页 > 其他分享 >js 日期格式化

js 日期格式化

时间:2022-09-05 16:24:36浏览次数:64  
标签:12 格式化 format getHours formatNum js 日期 date

js日期格式化小技巧

1. 接收参数:

  - 需要格式化的日期string;

  - format 格式信息

2. 转换传入的日期格式并设置格式化format config并赋值;

3. 分解format格式化所需信息并用 formatConfigs 保存

4. 遍历 formatConfig 并将 config 中信息赋值到format中

5. 导出format;

上代码:↓↓↓

 1 const formatDate = (oldDate, format = 'yyyy-MM-dd HH:mm:ss') => {
 2   const date = new Date(oldDate)
 3   const config = {
 4     yyyy: date.getFullYear(),
 5     M: date.getMonth() + 1,
 6     MM: formatNum(date.getMonth() + 1),
 7     W: date.getDay(),
 8     WW: formatNum(date.getDay()),
 9     d: date.getDate(),
10     dd: formatNum(date.getDate()),
11     H: date.getHours(),
12     HH: formatNum(date.getHours()),
13     h: date.getHours() > 12 ? (date.getHours() - 12) : date.getHours(),
14     hh: formatNum(date.getHours()) > 12 ? (formatNum(date.getHours()) - 12) : formatNum(date.getHours()),
15     m: date.getMinutes(),
16     mm: formatNum(date.getMinutes()),
17     s: date.getSeconds(),
18     ss: formatNum(date.getSeconds()),
19     A: date.getHours() <= 12 ? 'AM' : 'PM',
20     a: date.getHours() <= 12 ? 'am' : 'pm'
21   }
22   const formatConfigs = format.match(/[a-zA-Z]+/g)
23   formatConfigs.forEach(item => {
24     format = format.replace(item, config[item])
25   })
26   return format
27 }
28 function formatNum(num) {
29   return num < 10 ? `0${num}` : num
30 }
31 export {
32   formatDate
33 }

 个人征集的比较好用的日期格式化方法,如有其它见解,欢迎留言!!!

 

标签:12,格式化,format,getHours,formatNum,js,日期,date
From: https://www.cnblogs.com/xyliumc/p/16658532.html

相关文章

  • # JS输入输出语句
    JS输入输出语句方法说明归属alert(msg)浏览器弹出警示框浏览器console.log(msg)浏览器控制台打印输出信息浏览器prompt(info)浏览器弹出输出框,用户......
  • # JS有三种书写位置
    JS有三种书写位置:行内、内嵌、外部1.行内式JS<inputtype="button"value="点我试试"onclick="alert('HelloWorld')"/>可以将单行或少量JS代码写在HTML标签的事......
  • vue3 组件-开始结束日期选择器
    https://kuangyx.cn/docs/文章/vue3组件/时间选择.html......
  • 字符串格式化
    一、使用%:在%的左侧放置一个字符串,右侧放置希望被格式化的值,可以使用一个值,也可以使用多个值,多个值用放在一个元组或字典里。注意:如果使用列表或其它序列代替元组(或字典),那......
  • jsp页面ie跳转谷歌
    <%@pagecontentType="text/html;charset=UTF-8"language="java"%><html><head><title>首页</title></head><body><div><ahref="" onclick='test()......
  • 浏览器输入URL发生了什么:DNS解析、TCP握手、HTTP缓存、重定向、服务器状态码、渲染引
    输入地址,浏览器查找域名的IP地址。浏览器向该IP地址的web服务器发送一个HTTP请求,在发送请求之前浏览器和服务器建立TCP的三次握手,判断是否是HTTP缓存,如果是强制......
  • vue中使用Moment日期格式化
    vue中使用Moment日期格式化moment.js是一个JavaScript日期处理类库。由于用antdesign日期组件取得的值是moment类型,而往数据库中保存需要的是字符串类型.这里就用到了m......
  • JS实现异步的方法:回调函数callback、事件监听、setTimeout、Promise、生成器Generato
    所有异步任务都是在同步任务执行结束之后,从任务队列中依次取出执行。回调函数是异步操作最基本的方法,比如AJAX回调,回调函数的优点是简单、容易理解和实现,缺点是不利于代码......
  • js中null和undefined的区别
    undefind是全局对象的一个属性,当一个变量没有被赋值或者一个函数没有返回值或者某个对象不存在某个属性却去访问或者函数定义了形参但没有传递实参,这时候都是undefined。......
  • js判断变量数据类型typeof、instanceof、Object.prototype.toString.call()、 constru
    JavaScript有4种方法判断变量的类型,分别是typeof、instanceof、Object.prototype.toString.call()(对象原型链判断方法)、constructor(用于引用数据类型) typeof:常用于......