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 相关文章推荐
js截取固定长度的中英文字符的简单实例
Nov 22 Javascript
ECMAScript 5中的属性描述符详解
Mar 02 Javascript
AngularJS上拉加载问题解决方法
May 23 Javascript
基于JavaScript实现点击页面任何位置返回
Aug 31 Javascript
js+css3制作时钟特效
Oct 16 Javascript
js实现上传图片预览方法
Oct 25 Javascript
vue如何从接口请求数据
Jun 22 Javascript
小程序实现发表评论功能
Jul 06 Javascript
vue.js中proxyTable 转发请求的实现方法
Sep 20 Javascript
layui-table对返回的数据进行转变显示的实例
Sep 04 Javascript
vue实现简单图片上传
Jun 30 Javascript
openlayers实现地图测距测面
Sep 25 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正则表达式中修饰符/i, /is, /s, /isU
2014/10/21 PHP
深入理解PHP中的Streams工具
2015/07/03 PHP
php获取linux命令结果的实例
2017/03/13 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
JavaScript 继承详解(三)
2009/07/13 Javascript
firefox firebug中文入门教程 脚本之家新年特别版
2010/01/02 Javascript
自动刷新网页,自动刷新当前页面,JS调用
2013/06/24 Javascript
Javascript变量作用域详解
2013/12/06 Javascript
new Date()问题在ie8下面的处理方法
2014/07/31 Javascript
再探JavaScript作用域
2014/09/24 Javascript
javascript中tostring()和valueof()的用法及两者的区别
2015/11/16 Javascript
AngularJS入门教程之链接与图片模板详解
2016/08/19 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
2016/10/27 Javascript
Sequelize中用group by进行分组聚合查询
2016/12/12 Javascript
JavaScript取得gridview中获取checkbox选中的值
2017/07/24 Javascript
详解基于mpvue微信小程序下载远程图片到本地解决思路
2019/05/16 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
vue created钩子函数与mounted钩子函数的用法区别
2020/11/05 Javascript
使用python检测主机存活端口及检查存活主机
2015/10/12 Python
Django中使用celery完成异步任务的示例代码
2018/01/23 Python
详解Python核心对象类型字符串
2018/02/11 Python
python如何实现int函数的方法示例
2018/02/19 Python
win10 64bit下python NLTK安装教程
2018/09/19 Python
Python实现注册、登录小程序功能
2018/09/21 Python
对Python中创建进程的两种方式以及进程池详解
2019/01/14 Python
python挖矿算力测试程序详解
2019/07/03 Python
使用Python获取当前工作目录和执行命令的位置
2020/03/09 Python
10个python3常用排序算法详细说明与实例(快速排序,冒泡排序,桶排序,基数排序,堆排序,希尔排序,归并排序,计数排序)
2020/03/17 Python
Html5 webview元素定位工具的实现
2020/08/07 HTML / CSS
妇产科护士自我鉴定
2013/10/15 职场文书
酒店员工辞职信范文
2015/02/28 职场文书
2015大学生入党个人自传
2015/06/26 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书
2015教师节通讯稿
2015/07/20 职场文书
JS setTimeout与setInterval的区别
2022/04/20 Javascript