laydate 显示结束时间不小于开始时间的实例
时间:2022-04-26 09:07:58|栏目:JavaScript代码|点击: 次
jsp:
<div class="form-group"> <label >交易时间:</label> <input placeholder="开始日期" class="form-control layer-date" id="startDate" name="startDate"> <input placeholder="结束日期" class="form-control layer-date" id="endDate" name="endDate"> </div>
js:
<script type="text/javascript"> var start = { elem: '#startDate', format: 'YYYY-MM-DD', max: laydate.now(), istime: false, istoday: false, choose: function (datas) { end.min = datas; //开始日选好后,重置结束日的最小日期 end.start = datas //将结束日的初始值设定为开始日 } }; var end = { elem: '#endDate', format: 'YYYY-MM-DD', max: laydate.now(), istime: false, //是否开启时间选择 istoday: false, isclear: true, //是否显示清空 issure: true, //是否显示确认 choose: function (datas) { start.max = datas; //结束日选好后,重置开始日的最大日期 } }; laydate(start); laydate(end); //给input赋值 $('#startDate').val(laydate.now(-30, 'YYYY-MM-DD')); $('#endDate').val(laydate.now(0, 'YYYY-MM-DD')); </script>
上一篇:Bootstrap学习笔记之进度条、媒体对象实例详解
栏 目:JavaScript代码
下一篇:利用 FormData 对象和 Spring MVC 配合实现Ajax文件下载功能
本文地址:http://www.codeinn.net/misctech/200243.html