养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

ajax如何将Date类型的数据显示成时分秒的格式

时间:2024-11-11 06:35:38

在使用ajax传输数据的过程中,会遇到Date类型数据转换的问题。输出的结果往往是国际化的格式,不符合人性化的需求。如何在ajax传输中将Date类型的数据转换成理想的格式,下面是本人的一些操作经验。

ajax如何将Date类型的数据显示成时分秒的格式

工具/原料

Eclipse

方法/步骤

1、对后台传过来的date类型的数据不作处理时,输出结果如下。作为前端显示界面,这样的结果可观性极差,同时也不符合项目需求,在进行时间展示时,是一个很大的缺陷。

ajax如何将Date类型的数据显示成时分秒的格式

2、首先,获取到Date类型的数据。通过ajax获取到data对象(下面截图中由于使用了layui的table组件,应格式要求,写成data.data[i]),再获取到具体的字段,记为ds。

ajax如何将Date类型的数据显示成时分秒的格式

3、获取该时间对应的毫秒值,vartime=newDate(ds.time)

ajax如何将Date类型的数据显示成时分秒的格式

4、获取到具体的时、分、秒。time.getHours()获取小时数;time.getMinutes()获取分钟数;time.getSeconds()获取秒数。

ajax如何将Date类型的数据显示成时分秒的格式

5、对时、分、秒进行拼接,得到完整的时刻,用冒号“:”进行分隔。用console.log()从控制台输出,结果如下。显示为时分秒格式。

ajax如何将Date类型的数据显示成时分秒的格式

6、还可以通过毫秒数获取到年份、月份、日期。time.getFullYear()获取年份time.getMonth()+1获取月份。月份从0开始,需要加1获取到当前月。time.getDate()获取日期

ajax如何将Date类型的数据显示成时分秒的格式

© 一点知识