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日期控件使用方法详解 # 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如何根据开始时间或者结束时间限制范围 # 给大家 # 希望能 # 这篇 # 小编 # 大家多多 # 清空 # 结束时间 # 不小于 # input # placeholder # control # gt # label # group # startDate # endDate # js # layer # date # id

返回目录在线咨询

上一篇：为什么使用SEO推广软件对网站优化重要_SEO优化教程
下一篇：佛山企业如何通过自助建站快速打造官网？

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

全网整合营销服务商

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

您的项目需求