【laydate】layUI-laydate计算时间差

最新推荐文章于 2025-04-01 18:13:03 发布

原创

最新推荐文章于 2025-04-01 18:13:03 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#layui #javascript #前端

本文介绍了一个使用layui框架实现的时间差自动计算功能，该功能允许用户输入起始时间和结束时间，并实时计算两者之间的持续时间，包括天数、小时数、分钟数和秒数。

计算时间差

输入起始时间、结束时间，自动计算时间差，生成持续时间

起始时间不能晚于结束时间
结束时间不能早于开始时间

	<div class="layui-row masterMeter">
		<label class="textLabel">结束时间</label>
		<div class="layui-col-xs12 selectInput">
			<input id="jssj" name="m:djmsqkjlb:jssj" class="layui-input textInput magicalcoder-laydate" type="text" placeholder="请选择日期" maxlength="0" format="yyyy-MM-dd HH:mm:ss" datetype="datetime" mc-attr-str-type="datetime" autocomplete="off"/>
		</div>
	</div>
	<div class="layui-row masterMeter">
		<label class="textLabel">持续时间</label>
		<div class="layui-col-xs12 selectInput">
			<input name="m:djmsqkjlb:cxsj" class="layui-input textInput" type="text" maxlength="50" placeholder="请输入持续时间" autocomplete="off"/>
		</div>
	</div>
	<div class="layui-row masterMeter">
		<label class