欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

laydate 显示结束时间不小于开始时间的实例

程序员文章站 2022-05-14 19:19:14
jsp:
<...

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>

以上这篇laydate 显示结束时间不小于开始时间的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。