【js/ts】将各种时间转换为指定日期格式

★雨潇★

已于 2024-08-05 13:40:26 修改

阅读量466

点赞数 9

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

于 2024-02-29 10:25:16 首次发布

本文链接：https://blog.csdn.net/yasyList/article/details/136363947

版权

Vue.js 同时被 2 个专栏收录

29 篇文章 2 订阅

订阅专栏

20 篇文章 0 订阅

订阅专栏

js

/**
 * 将各种时间格式转换为指定格式的日期字符串或时间戳
 * @param {Date|number|string|undefined} time 输入的时间（Date对象、时间戳、日期字符串或分隔符）
 * @param {string} [format='yyyy-MM-dd HH:mm:ss'] 目标日期格式、分隔符或特定字符串（'timestamp' 或 'timestamp-seconds'）
 * @returns {string|number} 指定格式的日期字符串或时间戳
 */
export function formatDate(time, format = "yyyy-MM-dd HH:mm:ss") {
  let date;
  let separator;

  // 检查是否只传入了分隔符
  if (typeof time === 'string' && time.length === 1) {
    date = new Date();
    separator = time;
    format = `yyyy${separator}MM${separator}dd HH:mm:ss`;
  } else if (time === undefined && format.length === 1) {
    date = new Date();
    separator = format;
    format = `yyyy${separator}MM${separator}dd HH:mm:ss`;
  } else {
    date = time instanceof Date ? time : new Date(time);
    if (isNaN(date.getTime())) throw new Error("Invalid date");
  }

  // 处理特殊格式要求
  if (format === 'timestamp') {
    return date.getTime();
  }
  if (format === 'timestamp-seconds') {
    return Math.floor(date.getTime() / 1000);
  }

  const pad = (num) => String(num).padStart(2, "0");
  const formats = {
    yyyy: date.getFullYear(),
    MM: pad(date.getMonth() + 1),
    dd: pad(date.getDate()),
    HH: pad(date.getHours()),
    mm: pad(date.getMinutes()),
    ss: pad(date.getSeconds()),
  };

  return format.replace(/yyyy|MM|dd|HH|mm|ss/g, (match) => formats[match]);
}

ts

/**
 * 将各种时间格式转换为指定格式的日期字符串或时间戳
 * @param {Date | number | string | undefined} time 输入的时间（Date对象、时间戳、日期字符串或分隔符）
 * @param {string} [format='yyyy-MM-dd HH:mm:ss'] 目标日期格式、分隔符或特定字符串（'timestamp' 或 'timestamp-seconds'）
 * @returns {string | number} 指定格式的日期字符串或时间戳
 */
export function formatDate(time?: Date | number | string, format: string = "yyyy-MM-dd HH:mm:ss"): string | number {
  let date: Date;
  let separator: string;

  // 检查是否只传入了分隔符
  if (typeof time === 'string' && time.length === 1) {
    date = new Date();
    separator = time;
    format = `yyyy${separator}MM${separator}dd HH:mm:ss`;
  } else if (time === undefined && format.length === 1) {
    date = new Date();
    separator = format;
    format = `yyyy${separator}MM${separator}dd HH:mm:ss`;
  } else {
    date = time instanceof Date ? time : new Date(time as string | number | Date);
    if (isNaN(date.getTime())) throw new Error("Invalid date");
  }

  // 处理特殊格式要求
  if (format === 'timestamp') {
    return date.getTime();
  }
  if (format === 'timestamp-seconds') {
    return Math.floor(date.getTime() / 1000);
  }

  const pad = (num: number): string => String(num).padStart(2, "0");
  const formats: { [key: string]: string | number } = {
    yyyy: date.getFullYear(),
    MM: pad(date.getMonth() + 1),
    dd: pad(date.getDate()),
    HH: pad(date.getHours()),
    mm: pad(date.getMinutes()),
    ss: pad(date.getSeconds()),
  };

  return format.replace(/yyyy|MM|dd|HH|mm|ss/g, (match: string): string => formats[match].toString());
}

页面使用

// 示例1：使用当前日期和时间
console.log(formatDate(new Date()));
// 输出: '2023-05-20 15:30:45' (具体时间会根据运行时的当前时间而变)

// 示例2：使用毫秒级时间戳
console.log(formatDate(1621497600000, 'yyyy-MM-dd'));
// 输出: '2021-05-20'

// 示例3：使用秒级时间戳
console.log(formatDate(1621497600, 'MM/dd/yyyy HH:mm'));
// 输出: '05/20/2021 12:00'

// 示例4：使用日期字符串，并自定义输出格式
console.log(formatDate('2024-08-05 02:58:02', 'yyyy年MM月dd日 HH时mm分'));
// 输出: '2024年08月05日 02时58分'

// 示例1：使用当前日期和时间
console.log(formatDate(new Date()));
// 输出: '2023-05-20 15:30:45' (具体时间会根据运行时的当前时间而变)

// 示例2：使用毫秒级时间戳
console.log(formatDate(1621497600000, 'yyyy-MM-dd'));
// 输出: '2021-05-20'

// 示例3：使用秒级时间戳
console.log(formatDate(1621497600, 'MM/dd/yyyy HH:mm'));
// 输出: '05/20/2021 12:00'

// 示例4：使用日期字符串，并自定义输出格式
console.log(formatDate('2024-08-05 02:58:02', 'yyyy年MM月dd日 HH时mm分'));
// 输出: '2024年08月05日 02时58分'

// 示例5：只输出年月
console.log(formatDate('2024-08-05', 'yyyy-MM'));
// 输出: '2024-08'

// 示例6：处理不同的输入格式
console.log(formatDate('August 5, 2024', 'dd/MM/yyyy'));
// 输出: '05/08/2024'

// 示例7：使用不同的分隔符
console.log(formatDate(1621497600000, 'yyyy.MM.dd HH:mm:ss'));
// 输出: '2021.05.20 12:00:00'

formatDate("/") // 返回 "2023/05/15 14:30:45"
formatDate("-") // 返回 "2023-05-15 14:30:45"

console.log(formatDate(date, 'timestamp')); // 1684581000000 (毫秒级时间戳)
console.log(formatDate(date, 'timestamp-seconds')); // 1684581000 (秒级时间戳)
// 示例8：错误处理
try {
  console.log(formatDate('Invalid Date'));
} catch (error) {
  console.log('Error:', error.message);
}
// 输出: 'Error: Invalid date'