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是否可实现多线程  深入理解JavaScript定时机制
Dec 22 Javascript
最佳JS代码编写的14条技巧
Jan 09 Javascript
js判断主流浏览器类型和版本号的简单实现代码
May 26 Javascript
JavaScript实战之菜单特效
Aug 16 Javascript
JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
Oct 10 Javascript
JS动态添加选项案例分析
Oct 17 Javascript
BootStrap 图标icon符号图标glyphicons不正常显示的快速解决办法
Dec 08 Javascript
提高JavaScript执行效率的23个实用技巧
Mar 01 Javascript
Vue2.0用户权限控制解决方案的示例
Feb 10 Javascript
关于Angularjs中跨域设置白名单问题
Apr 17 Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
May 01 Javascript
JavaScript实现shuffle数组洗牌操作示例
Jan 03 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
利用curl 多线程 模拟 并发的详解
2013/06/14 PHP
Drupal7 form表单二次开发要点与实例
2014/03/02 PHP
PHP语法小结之基础和变量
2015/11/22 PHP
php封装的mongodb操作类代码
2017/08/06 PHP
PHP代码覆盖率统计详解
2020/07/22 PHP
JavaScript For Beginners(转载)
2007/01/05 Javascript
How to Auto Include a Javascript File
2007/02/02 Javascript
表头固定(利用jquery实现原理介绍)
2012/11/08 Javascript
动态改变div的z-index属性的简单实例
2013/08/08 Javascript
jQuery图片轮播的具体实现
2013/09/11 Javascript
jQuery实现的Div窗口震动特效
2014/06/09 Javascript
jQuery滚动加载图片实现原理
2015/12/14 Javascript
JQuery控制图片由中心点逐渐放大效果
2016/06/26 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
JS 拦截全局ajax请求实例解析
2016/11/29 Javascript
原生JS轮播图插件
2017/02/09 Javascript
浅析bootstrap原理及优缺点
2017/03/19 Javascript
React SSR样式及SEO的实践
2018/10/22 Javascript
Vue 框架之键盘事件、健值修饰符、双向数据绑定
2018/11/14 Javascript
利用es6 new.target来对模拟抽象类的方法
2019/05/10 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
JS数组降维的实现Array.prototype.concat.apply([], arr)
2020/04/28 Javascript
Linux下使用python调用top命令获得CPU利用率
2015/03/10 Python
Python简单网络编程示例【客户端与服务端】
2017/05/26 Python
Python分析彩票记录并预测中奖号码过程详解
2019/07/09 Python
新西兰杂志订阅:isubscribe
2019/08/26 全球购物
运动会通讯稿150字
2014/02/15 职场文书
餐厅楼面主管岗位职责范本
2014/02/16 职场文书
《长征》教学反思
2014/04/27 职场文书
入党政审材料范文
2014/12/24 职场文书
2015年学雷锋活动总结
2015/02/06 职场文书
结婚保证书(三从四德)
2015/02/26 职场文书
2015年上半年计生工作总结
2015/03/30 职场文书
妈妈再爱我一次观后感
2015/06/08 职场文书
网络舆情信息简报
2015/07/21 职场文书
Python 类,对象,数据分类,函数参数传递详解
2021/09/25 Python