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

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 显示结束时间不小于开始时间的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持北冥有鱼。

您可能感兴趣的文章:

• layDate插件设置开始和结束时间
• layDate日期控件使用方法详解
• laydate时间日历插件使用方法详解
• vue使用laydate时间插件的方法
• 详解easyui基于 layui.laydate日期扩展组件
• 关于laydate.js加载laydate.css路径错误问题解决
• Angular4.0中引入laydate.js日期插件的方法教程
• laydate日历控件使用方法详解
• Bootstrap.css与layDate日期选择样式起冲突的解决办法
• Angularjs中使用layDate日期控件示例
• laydate.js日期时间选择插件
• bootstrap laydate日期组件使用详解
• Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
• laydate如何根据开始时间或者结束时间限制范围