封装日期格式化方法

最新推荐文章于 2023-09-07 14:42:14 发布

@lwg

最新推荐文章于 2023-09-07 14:42:14 发布

阅读量218

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/lwg112233/article/details/122114654

版权

简简单单~~~只需三步

1.首先定义日期格式化 dateFormat 方法

/*
   * @param {string} fmt    例: YYYY-mm-dd HH:MM 表示 2019-06-06 19:45
   * @param {date} date
   */
  export function dateFormat(fmt, date) {
    if (typeof date == 'string') {
      if (fmt.indexOf('-') != -1) {
        let shownum = fmt.split('-').length - 1;
        if (shownum == 1) {
          return `${date.substring(0, 4)}-${date.substring(4, 6)}`;
        } else {
          return `${date.substring(0, 4)}-${date.substring(
            4,
            6
          )}-${date.substring(6, 8)}`;
        }
      } else {
        date = date.substring(0, fmt.length);
        return date;
      }
    }
    let ret;
    const opt = {
      'Y+': date.getFullYear().toString(), // 年
      'm+': (date.getMonth() + 1).toString(), // 月
      'd+': date.getDate().toString(), // 日
      'H+': date.getHours().toString(), // 时
      'M+': date.getMinutes().toString(), // 分
      'S+': date.getSeconds().toString(), // 秒
      // 有其他格式化字符需求可以继续添加，必须转化成字符串
    };
    for (let k in opt) {
      ret = new RegExp('(' + k + ')').exec(fmt);
      if (ret) {
        fmt = fmt.replace(
          ret[1],
          ret[1].length == 1 ? opt[k] : opt[k].padStart(ret[1].length, '0')
        );
      }
    }
    return fmt;
  }

2.引入日期格式化 dateFormat 方法

import { dateFormat } from '@common/utils';

3.使用 dateFormat 方法

      this.$confirm(
          `这是${this.checkMessageList.length}内容`,
          '提示',
          {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'warning',
          }
        )
          .then(() => {
            let paramList = [];
            if (this.checkMessageList && this.checkMessageList.length > 0) {
              this.List.forEach(item => {
                let obj = {
                  sendTime: dateFormat('YYYY-mm-dd HH:MM:SS', new Date()), //--发送时间
                  state: item.approvalstate,
                  ym: item.ym, //年月
                };
                paramList.push(obj);
              });
            }

          })
          .catch(() => {
            return false;
          });