在js中格式化时间

来源:csdn博客 分类: 文章浏览史 发布时间:2020-08-10 13:09:35 最后更新:2020-08-10 浏览:122
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2020-08-10 13:09:35

开发工具与关键技术:VS ASP.NET.MVC
作者:冉冉
撰写时间:2019年06月25日

有时候在页面中需要获取到准确的日期然后以年月日(时分秒)这种格式显示在页面上,但是没有经过格式化的日期或者时间并不是以这种格式显示的,它显示的只是一段字符串。
如果时间类型直接使用JSON进行返回就会出现一个问题,如下图:
在这里插入图片描述
图1
时间类型被JSON序列化后就变成了上图中的出生日期、出生时间、入学时间那样的形式存在,完全看不出来是时间类型。所以我们要解决这个问题。解决这个问题主要有两个思路,一个是在页面对格式进行处理;另一个是直接在控制器进行处理。
现在写的是在页面对格式进行处理:
首先说一下类型关系:数据库中的date与datetime类型映射到C#中是DateTime类型(年、月、日、时、分、秒都有);数据库中的time与timestamp类型映射到C#中是TimeSpan类型(主要是日期状态,代表的是时间差)。
通过自定义方法来格式化时间类型,方法如下图:
在这里插入图片描述
图2
把JSON格式的时间类型传递进来然后把Date用replace方法替换为空,相当于把图1 中的/Date(929462400000)/数字部分取出来;第二步判断正负,判断indexOf用来切割在一些特殊情况下出现的日期的特殊符号(“+”“-”),一般情况下很难出现但是可能会出现,如果出现这种情况我们就会把在“+”或“-”之前的具体数字取出来。
接下来把它转成日期类型:先用parseInt转成整型,然后把它作为参数传给Date类转成日期类型。获取到它的月数和天数,如果月数和天数小于10那么就在该月数或者天数之前加上0,如果大于10 就正常返回。然后开始拼接字符串,用“-”分割。最后判断如果isDateTime不为空,不等于undefined或者它为真那么再把时分秒拼接上去,如果isDateTime 没有或者为假就不用拼接时分秒。
然后调用这个方法:
在这里插入图片描述
图3
结果如下图:
在这里插入图片描述
图4
还有一种比较特殊的:就是返回TimeSpan类型的,这个相对于以上两个来说更简单一点。上面两个需要转换成日期类型然后再拼接字符串,而这个不需要,直接就可以拼接字符串了。如下图:
在这里插入图片描述
图5
有一点是和上面两个一样的,就是获取值之后判断是否大于10,大于就输出当前值,否则就在当前值的前面加“0”。结果如下图:
在这里插入图片描述
图6
这样,在js中格式化时间的就完成了,如果有地方写得不对或者有其他问题请在评论区评论,我会及时更正的!

php技术微信