vue 日期字符串格式化

最新推荐文章于 2024-07-14 22:44:48 发布

今夜來看雪

最新推荐文章于 2024-07-14 22:44:48 发布

阅读量1.3k

点赞数

文章标签： vue.js javascript 前端

原文链接：https://blog.csdn.net/weixin_43233914/article/details/103971678

版权

<template>
  <div></div>
</template>

<script>
import { formatDate } from '@/common/date.js';
export default {
  mounted () {
    this.test();
  },
  methods: {
    test() {
      let str = '2020-01-14 13:43:23';
      let date1 = formatDate({ date: str, formatStr: 'yyyy-MM-dd' });
      let date2 = formatDate({ date: str, formatStr: 'HH:mm:ss' });
      let date3 = formatDate({ date: str, formatStr: 'yyyy-MM-dd HH:mm:ss' });
      console.log(date1);
      console.log(date2);
      console.log(date3);
    }
  }
};
</script>

date.js文件

/**
 * @desc 格式化日期字符串
 * @param { String } - [date = new Date()] 日期字符串：2020-01-14 13:43:23
 * @param { String } - [formatStr = 'yyyy-MM-dd HH:mm:ss'] 日期格式
 * @returns { String } 格式化后的日期字符串
 */
export function formatDate(params ) {
  let defalutParams = {
    date: new Date(),
    formatStr: 'yyyy-MM-dd HH:mm:ss'
  }
  params = { ...defalutParams, ...params };
  let date = params.date;
  let formatStr = params.formatStr;
  // 传入日期字符串 - 转成时间戳 - 转成标准时间
  let timeStamp = new Date(date).getTime();
  date = new Date(timeStamp);
  formatStr = formatStr.replace(new RegExp('yyyy'), `${date.getFullYear()}`);
  const month = date.getMonth() + 1;
  formatStr = formatStr.replace(new RegExp('MM'), `${month > 9 ? month : '0' + month}`);
  const day = date.getDate();
  formatStr = formatStr.replace(new RegExp('dd'), `${day > 9 ? day : '0' + day}`);
  const hour = date.getHours();
  formatStr = formatStr.replace(new RegExp('HH'), `${hour > 9 ? hour : '0' + hour}`);
  const min = date.getMinutes();
  formatStr = formatStr.replace(new RegExp('mm'), `${min > 9 ? min : '0' + min}`);
  const sec = date.getSeconds();
  formatStr = formatStr.replace(new RegExp('ss'), `${sec > 9 ? sec : '0' + sec}`);
  return formatStr;
}