Javascript和Typescript 日期格式化工具

最新推荐文章于 2024-04-25 00:24:56 发布

#Yiur

最新推荐文章于 2024-04-25 00:24:56 发布

阅读量711

点赞数

分类专栏：架构文章标签： javascript typescript vue.js node.js html5

本文链接：https://blog.csdn.net/Yiur_csdn/article/details/127749090

版权

架构专栏收录该内容

2 篇文章 0 订阅

订阅专栏

日期格式化类 - TS


/**
 * 日期格式化
 * @author Yiur
 * @since 2022年11月7日
 */
export class DateFormat {

    public static format(datetime: Date | string, formatting: string): string {
        let timestamp: Date = datetime as Date;
        if (typeof datetime === 'string') {
            timestamp = new Date(Date.parse(datetime));
        }
        let fullYear: string = timestamp.getFullYear().toString();
        let month: string = timestamp.getMonth().toString();
        let date: string = timestamp.getDate().toString();
        let hours: string = timestamp.getHours().toString();
        let minutes: string = timestamp.getMinutes().toString();
        let seconds: string = timestamp.getSeconds().toString();
        let milliseconds: string = timestamp.getMilliseconds().toString();
        formatting = this.parse(formatting, /[y|Y]+/, fullYear);
        formatting = this.parse(formatting, /[M]+/, month, '00');
        formatting = this.parse(formatting, /[d|D]+/, date, '00');
        formatting = this.parse(formatting, /[h|H]+/, hours, '0');
        formatting = this.parse(formatting, /[m]+/, minutes, '00');
        formatting = this.parse(formatting, /[s]+/, seconds, '00');
        formatting = this.parse(formatting, /[S]+/, milliseconds, '000');
        return formatting;
    }

    private static parse(formatting: string, pattern: RegExp, val: string, min?: string): string {
        while (pattern.test(formatting)) {
            pattern.exec(formatting)?.forEach(value => {
                let length = value.length;
                let valLen = val.length;
                let number = valLen - length;
                let element = val.substring(number);
                if (min) {
                    element = min.substring(element.length) + element;
                }
                formatting = formatting.replace(value, element);
            })
        }
        return formatting;
    }

}

使用

<script setup lang="ts">
import {DateFormat} from "/DateFormat";

const time = ref<number>(-1000 * 60 * 60 * 8);
const timeString = ref<string>();

const interval = setInterval(() => {
    time.value += 1000;
    timeString.value = DateFormat.format(new Date(time.value), 'hh小时mm分ss秒');
  }, 1000);
</script>

<template>
  <div>
    {{timeString}}
  </div>
</template>

<style lang="scss" scoped>
</style>