JavaScript日期实用程序:转换,格式和显示日期

javascript日期实用程序:转换,格式和显示日期

getFormattedDate 函数:简化 JavaScript 和 TypeScript 日期格式化

此 JavaScript/TypeScript 函数 getFormattedDate 简化了日期格式化,提供多种格式选项,确保可靠的日期转换。支持多种日期格式,包括 dd/MM/yyyy、MM/dd/yyyy、yyyy/MM/dd 和 yyyy/dd/MM,并提供完整的日期显示格式(例如,“2024年10月15日”),增强可读性。

import { allMonths } from "@/constants/months.constants";export const getFormattedDate = (  date: string | Date,  format?: "dd/MM/yyyy" | "MM/dd/yyyy" | "yyyy/MM/dd" | "yyyy/dd/MM",  fullDate: boolean = false): string => {  const dateObj = typeof date === "string" ? new Date(date) : date;  if (isNaN(dateObj.getTime())) {    throw new Error("无效日期");  }  const day = dateObj.getDate().toString().padStart(2, "0");  const month = (dateObj.getMonth() + 1).toString().padStart(2, "0");  const year = dateObj.getFullYear();  if (fullDate) {    return `${day} ${allMonths[dateObj.getMonth()]} ${year}`;  }  switch (format) {    case "dd/MM/yyyy":      return `${day}/${month}/${year}`;    case "MM/dd/yyyy":      return `${month}/${day}/${year}`;    case "yyyy/MM/dd":      return `${year}/${month}/${day}`;    case "yyyy/dd/MM":      return `${year}/${day}/${month}`;    default:      throw new Error("不支持的格式");  }};const exampleDate = "2024-02-10T12:30:00Z";getFormattedDate(exampleDate, "dd/MM/yyyy");// 使用 fullDate: true 获取完整日期格式

登录后复制

主要功能:

灵活的格式化选项: 支持多种日期格式,适应不同地区习惯。增强可读性: fullDate 选项提供更易读的完整日期格式(包含月份全称)。可靠的日期转换: 确保字符串输入正确转换为日期对象。错误处理: 对无效日期进行错误处理,并返回清晰的错误信息。SEO 和 UX 优化: 格式良好的日期提升用户体验和内容可读性,对 SEO 有利。

适用场景:

立即学习“Java免费学习笔记(深入)”;

该实用程序非常适合电子商务平台、预订系统、博客和仪表板等需要日期显示的应用场景,它能优化日期显示,同时保持代码简洁高效。

感谢 Ancliful Islam 的贡献,其代码编写清晰易懂。

以上就是JavaScript日期实用程序:转换,格式和显示日期的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2640489.html

(0)
上一篇 2025年3月7日 06:18:58
下一篇 2025年2月28日 16:31:59

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论