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 相关文章推荐
jquery trim() 功能源代码
Feb 14 Javascript
jQuery 1.8 Release版本发布了
Aug 14 Javascript
javascript模块化是什么及其优缺点介绍
Sep 02 Javascript
javascript实现判断鼠标的状态
Jul 10 Javascript
延时加载JavaScript代码提高速度
Dec 27 Javascript
JS实现的幻灯片切换显示效果
Sep 07 Javascript
form表单数据封装成json格式并提交给服务器的实现方法
Dec 14 Javascript
使用elementUI实现将图片上传到本地的示例
Sep 04 Javascript
jquery轻量级数字动画插件countUp.js使用详解
Oct 17 jQuery
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
Vue通过懒加载提升页面响应速度
May 10 Vue.js
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 一个比较完善的简单文件上传
2010/03/25 PHP
Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解
2016/10/13 PHP
php mysql procedure实现获取多个结果集的方法【基于thinkPHP】
2016/11/09 PHP
PHP操作Postgresql封装类与应用完整实例
2018/04/24 PHP
PHP实现批量修改文件名的方法示例
2019/09/18 PHP
使用composer安装使用thinkphp6.0框架问题【视频教程】
2019/10/01 PHP
jquery移除button的inline onclick事件(已测试及兼容浏览器)
2013/01/25 Javascript
jQuery异步获取json数据方法汇总
2014/12/22 Javascript
jQuery插件slides实现无缝轮播图特效
2015/04/17 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
浅谈时钟的生成(js手写简洁代码)
2016/08/20 Javascript
jQuery中slidedown与slideup方法用法示例
2016/09/16 Javascript
jquery插件treegrid树状表格的使用方法详解(.Net平台)
2017/01/03 Javascript
JavaScript类的继承方法小结【组合继承分析】
2018/07/11 Javascript
js中apply()和call()的区别与用法实例分析
2018/08/14 Javascript
利用Vue实现一个markdown编辑器实例代码
2019/05/19 Javascript
JS将时间秒转换成天小时分钟秒的字符串
2019/07/10 Javascript
微信小程序按顺序同步执行的两种方式
2019/12/20 Javascript
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
python网络编程学习笔记(二):socket建立网络客户端
2014/06/09 Python
python实现二维码扫码自动登录淘宝
2016/12/27 Python
Python对列表中的各项进行关联详解
2017/08/15 Python
程序员的七夕用30行代码让Python化身表白神器
2019/08/07 Python
浅谈Django QuerySet对象(模型.objects)的常用方法
2020/03/28 Python
在Ubuntu 20.04中安装Pycharm 2020.1的图文教程
2020/04/30 Python
python在CMD界面读取excel所有数据的示例
2020/09/28 Python
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
2016/01/27 HTML / CSS
医药专业应届毕业生求职信范文
2014/01/01 职场文书
珍珠奶茶店创业计划书
2014/01/11 职场文书
西式婚礼证婚词
2014/01/12 职场文书
2014教师党员个人自我评议
2014/09/20 职场文书
狼牙山五壮士观后感
2015/06/09 职场文书
个人业务学习心得体会
2016/01/25 职场文书
Java中使用Filter过滤器的方法
2021/06/28 Java/Android
《群青的幻想曲》京力秋树角色PV公开
2022/04/08 日漫
nginx代理实现静态资源访问的示例代码
2022/07/07 Servers