什么是最适合我的下一个前端应用程序处理日期格式使用Moment.js或JS函数?数据来自date类型的后端,我希望它根据性能和加载时间以可读的格式出现.

Mon Apr 01 2024 14:47:56 GMT+0300 (GMT+03:00) 

这必须格式化为:

01/04/2024 02:48 pm

推荐答案

Problem :

Format date using library or manually using Javascript

Possible Solution :

  • 如果你需要在几页中设置一次或两次日期格式,(在你的整个项目中),然后手动进行.

  • 如果有multiple formats needed or logic个需要转换日期是getting complex then use library,这将节省时间,它也将减少代码到几乎一行(取决于条件).&

  • 此外,库的大小是小的,提供了许多功能.&

  • 您还可以进一步查看库提供的函数,这将帮助您做出决定.

Small Example to demonstrate ease of use (make necessary changes wherever required):

let From = new Date("Mon Apr 01 2024 14:47:56 GMT+0300 (GMT+03:00)");
console.log("With Library :")
console.log(moment(From).format("DD/MM/YYYY hh:mm a"))
// LIBRARY HANDLES ACCORDING TO SPECIFIED FORMAT

console.log("\n")

console.log("Without Library :")
console.log(`${From.getDate()}/${From.getMonth()+1}/${From.getFullYear()} ${From.getHours() % 12  || 12}:${From.getMinutes()} ${From.getHours() > 12 ? "pm" : "am"}`)

// HERE I HAD TO HANDLE 12HR. FORMAT & ALSO AM PM
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.30.1/moment.min.js"></script>

Please Read :

Javascript相关问答推荐

reaction如何在不使用符号的情况下允许多行返回?

React Hooks中useState的同步问题

Cypress -使用commands.js将数据测试id串在一起失败,但在将它们串在一起时不使用命令有效

Bootstrap动态选项卡在切换选项卡后保持活动状态,导致元素堆叠

如何将连续的十六进制字符串拆分为以空间分隔的十六进制块,每个十六进制块包含32个二元组?

yarn安装一个本地npm包,以便本地包使用main项目的node_modules(ckeditor-duplicated-modules错误)

使用useEffect,axios和useParams进行react测试

无法检测卡片重叠状态的问题

如何使用TypeScrip设置唯一属性?

Reaction组件在本应被设置隐藏时仍显示

无法重定向到Next.js中的动态URL

JAVASCRIPT SWITCH CASE语句:当表达式为';ALL';

为什么我看到的是回复,而不是我的文档?

AG-GRIDreact 显示布尔值而不是复选框

为什么在运行于<;img>;事件处理程序中的JavaScript中x和y是不可变的?

如何使用Reaction路由导航测试挂钩?

在ChartJS中使用spanGaps时,是否获取空值的坐标?

Chrome上的印度时区名S有问题吗?

如何在Reaction中设置缺省值, Select 下拉列表,动态追加剩余值?

如果我将高度设置为其内容的100%,则在Java脚本中拖动以调整面板大小时会冻结