本文介绍: 本期文章主要介绍JS日期字符串相互转换,涉及两个方法——传统的JS手写函数使用Dayjs日期转化为YYYY-MM-DD格式

相关文章调用

文章内容 文章链接
JS数组对象——根据日期进行排序按照时间进行升序或降序排序 https://blog.csdn.net/XSL_HR/article/details/128579840?spm=1001.2014.3001.5501
JS日期时间格式化——数字日期转中文日期封装函数dayjs转换时间格式 https://blog.csdn.net/XSL_HR/article/details/128607024?spm=1001.2014.3001.5501

场景复现

上期文章我们介绍如何将2022-12-22转换为二〇二二年十二月二十二日,涉及到日期格式转换成YYYYMMDD格式问题。本期文章以此为主线,用两种方法带领大家转换时间格式

一、JS封装函数

首先是传统的封装函数,手写一个日期转字符串函数并封装使用

1、日期转字符串

  function dateToString (date){ 
   var  year = date.getFullYear(); 
   var  month =(date.getMonth() + 1).toString(); 
   var  day = (date.getDate()).toString();  
   if  (month.length == 1) { 
       month =  "0"  + month; 
   } 
   if  (day.length == 1) { 
       day =  "0"  + day; 
   }
   var  dateTime = year +  "-"  + month +  "-"  + day;
   return  dateTime; 
},

控制调用打印一下结果

console.log(dateToString("Wed Jan 04 2023 14:12:56 GMT+0800 (中国标准时间) "))

在这里插入图片描述

2、字符串转日期

function stringToDate (dateStr,separator){
      if (!separator){
             separator= "-" ;
      }
      var  dateArr = dateStr.split(separator);
      var  year = parseInt(dateArr[0]);
      var  month;                      
      if (dateArr[1].indexOf( "0" ) == 0){
          month = parseInt(dateArr[1].substring(1));
      } else {
           month = parseInt(dateArr[1]);
      }
      var  day = parseInt(dateArr[2]);
      var  date =  new  Date(year,month -1,day);
      return  date;
  }

控制调用打印一下结果:

console.log(stringToDate("2022-12-22"))

在这里插入图片描述
这时,时间格式已经从”2022-12-22″转换成了
“Thu Dec 22 2022 00:00:00 GMT+0800 (中国标准时间)”
不过呢,一般是不会让你把时间转换成这样的。都是要求从日期转化为字符YYYY-MM-DD格式
在这里插入图片描述

二、 Dayjs转换时间格式

点击前往官方文档

1、Dayjs快速安装使用

要在Node.js 项目中使用 Day.js,只需使用 npm安装

npm install dayjs

node.js安装教程这里就不过多叙述了,可以翻看往期文章中的相关教程

然后项目代码引入即可

const dayjs = require('dayjs')
//import dayjs from 'dayjs' // ES 2015
dayjs().format()

2、Dayjs格式化日期

未进行格式转化时

const nowDate = ref<Dayjs>() // 获取当前时间
console.log(dayjs("当前时间",nowDate.value)) 

在这里插入图片描述
经过时间转换后

const nowDate = ref<Dayjs>() // 获取当前时间
console.log("当前时间",(dayjs(nowDate.value).format("YYYY-MM-DD")) // dayjs进行时间转换

在这里插入图片描述
更多占位符

输入 例子 详情
YY 01 两位数的年份
YYYY 2001 四位数的年份
M 1-12 四位数的年份
MM 01-12 月份,从1开始
MMM Jan-Dec 缩写的月份名称
MMMM January-December 完整的月份名称
D 1-31 月份里的一天
DD 01-31 月份里的一天 ,两位数
H 0-23 小时
HH 0-23 小时,两位数
h 1-12 小时,12小时制
hh 01-12 小时,12小时制,两位数
m 0-59 分钟
mm 00-59 分钟,两位数
s 0-59
ss 00-59 秒 两位数
S 0-9 毫秒,一位数
SS 00-99 毫秒,两位数
SSS 000-999 毫秒,三位数
A AM PM 上午 下午 大写
a am pm 上午 下午 小写

在这里插入图片描述


感兴趣小伙伴可以订阅专栏,方便后续了解学习~

觉得这篇文章有用的小伙伴可以点赞➕收藏➕关注哦~

原文地址:https://blog.csdn.net/XSL_HR/article/details/128618571

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。

如若转载,请注明出处:http://www.7code.cn/show_9162.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注