Json计算时间

在大多数项目中都会有涉及到时间计算的问题,比如一些买票,开房,订餐都会有涉及到时间的问题,也就有时间计算的问题,所以下面要讲的就是如何计算时间。因为时间不能直接作运算,所以就需要用代码做一些处理,将时间统一化,再作运算。下面就来看看实例吧。

1、 首先是搭建页面,代码如下图所示:
在这里插入图片描述

四个input标签,两个date类型和两个time类型,分别有对应的id,然后就是一个按钮,通过按钮来触发时间计算,再将其显示在一个禁用的input标签上。这里为了整齐就给input标签一个统一的宽度。效果如下图所示:
在这里插入图片描述

2、 页面就如上图所示了,接下来就是JS代码,将时间做一个运算,分别计算出天数、小时、分钟和秒,最后再拼接在一起,就得出了两个时间的差值。当结束时间比开始时间小的时候,这个差值也是能计算出来的,只是结果为负数,就像普通的数学运算一样。反之,结果也就是正数。下面就来看看代码吧,如下图所示:
在这里插入图片描述

可以看到图中代码是先获取到开始日期时间和结束日期时间,然后再计算得出一个总秒数,再接着就分别算出天数,小时数、分钟数和秒数。
最后效果如下图所示:
在这里插入图片描述
在这里插入图片描述

看到效果就是这样了,日期和时间都是可以随意选的,点击计算就能看到结果了。以上就是一个时间计算的方法,可供大家学习参考。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值