js关于时间日期格式化方法

最新推荐文章于 2024-07-11 16:19:39 发布

小川zs

最新推荐文章于 2024-07-11 16:19:39 发布

阅读量311

点赞数 2

分类专栏： JavaScript 文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/CWK13400405244/article/details/130446372

版权

JavaScript 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

文章介绍了两种在JavaScript中格式化日期时间的方法：一种是使用原生JS，通过Date对象获取并格式化日期；另一种是在Vue项目中引入dayjs库，通过调用dayjs的format方法进行日期时间格式化。

摘要由CSDN通过智能技术生成

js关于日期时间格式化方法

1、原生js生成当前日期时间

function dataTime(){
    //生成当前时间
    const date = new Date()
    let year = date.getFullYear() + ''
    let month = date.getMonth() + 1 + ''
    let day = date.getDate() + ''
    let hours = date.getHours() + ''
    let minutes = date.getMinutes() + ''
    let seconds = date.getSeconds() + ''
 
    return year + '-' + month.padStart(2,'0') + '-' + day.padStart(2,'0') + ' ' + hours.padStart(2,'0')  + ':' + minutes.padStart(2,'0') + ':' + seconds.padStart(2,'0')
}

2、Vue中使用dayjs生成或格式化日期时间

//npm安装
npm i dayjs
 
//main.js中
import dayjs from "dayjs"
 
Vue.prototype.dayjs = dayjs;  //可以全局使用dayjs
 
//组件中调用
console.log(this.dayjs().format('YYYY-MM-DD HH:mm:ss'));  //2023-01-31 12:00:00