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


Posted in Javascript onAugust 11, 2017

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

Javascript 相关文章推荐
javascript阻止scroll事件多次执行的思路及实现
Nov 08 Javascript
浅谈js中变量初始化
Feb 03 Javascript
jQuery+css3动画属性制作猎豹浏览器宽屏banner焦点图
Mar 16 Javascript
简述JavaScript的正则表达式中test()方法的使用
Jun 16 Javascript
Vue组件通信实践记录(推荐)
Aug 15 Javascript
vue-lazyload图片延迟加载插件的实例讲解
Feb 09 Javascript
antd Upload 文件上传的示例代码
Dec 14 Javascript
微信小程序当前时间时段选择器插件使用方法详解
Dec 28 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
Jul 19 Javascript
基于VUE的v-charts的曲线显示功能
Oct 01 Javascript
JavaScript多种图形实现代码实例
Jun 28 Javascript
微信小程序实现聊天室
Aug 21 Javascript
JS非空验证及邮箱验证的实例
Aug 11 #Javascript
vue如何获取点击事件源的方法
Aug 10 #Javascript
Vue单文件组件基础模板小结
Aug 10 #Javascript
基于JavaScript实现淘宝商品广告效果
Aug 10 #Javascript
Vue数组更新及过滤排序功能
Aug 10 #Javascript
Webpack性能优化 DLL 用法详解
Aug 10 #Javascript
详解React Native网络请求fetch简单封装
Aug 10 #Javascript
You might like
php计算数组相同值出现次数的代码(array_count_values)
2015/01/20 PHP
Javascript attachEvent传递参数的办法
2009/12/14 Javascript
javascript XMLHttpRequest对象全面剖析
2010/04/24 Javascript
到处都是jQuery选择器的年代 不了解它们的性能,行吗
2012/06/18 Javascript
用html+css+js实现的一个简单的图片切换特效
2014/05/28 Javascript
JQuery给元素绑定click事件多次执行的解决方法
2014/05/29 Javascript
让JavaScript的Alert弹出框失效的方法禁止弹出警告框
2014/09/03 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
2015/09/01 Javascript
JS实现DIV容器赋值的方法
2015/12/14 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
2016/11/09 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
2016/12/21 Javascript
JS生成一维码(条形码)功能示例
2017/01/19 Javascript
jQuery实现弹窗居中效果类似alert()
2017/02/27 Javascript
vue之数据交互实例代码
2017/06/20 Javascript
vue事件修饰符和按键修饰符用法总结
2017/07/25 Javascript
小程序兼容安卓和IOS数据处理问题及坑
2018/09/18 Javascript
Vue实现搜索结果高亮显示关键字
2019/05/28 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
2019/06/10 Javascript
微信小程序分享小程序码的生成(带参数)以及参数的获取
2020/03/25 Javascript
详解Vue之事件处理
2020/07/10 Javascript
Node 使用express-http-proxy 做api网关的实现
2020/10/15 Javascript
Python字符串格式化输出方法分析
2016/04/13 Python
解决python3 urllib 链接中有中文的问题
2018/07/16 Python
tensorflow实现逻辑回归模型
2018/09/08 Python
Python中出现IndentationError:unindent does not match any outer indentation level错误的解决方法
2020/04/18 Python
Python3基础教程之递归函数简单示例
2019/06/07 Python
劳资人员岗位职责
2013/12/19 职场文书
2014幼儿园卫生保健工作总结
2014/12/05 职场文书
本溪水洞导游词
2015/02/11 职场文书
经理聘任证明
2015/03/02 职场文书
2015年数学教师工作总结
2015/05/20 职场文书
医院病假条怎么写
2015/08/17 职场文书
大学生村官工作心得体会
2016/01/23 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书
班级元旦晚会开幕词
2016/03/04 职场文书