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 相关文章推荐
一个tab标签切换效果代码
Mar 27 Javascript
javascript 框架小结 个人工作经验
Jun 13 Javascript
基于jQuery的遍历同id元素 并响应事件的代码
Jun 14 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
Jul 04 Javascript
jQuery中:only-child选择器用法实例
Jan 03 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
Jul 12 Javascript
详解AngularJs HTTP响应拦截器实现登陆、权限校验
Apr 11 Javascript
vue绑定的点击事件阻止冒泡的实例
Feb 08 Javascript
vue项目实现图片上传功能
Dec 23 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
Jun 16 Javascript
Vue实现手机计算器
Aug 17 Javascript
vue 获取url里参数的两种方法小结
Nov 12 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命名空间(Namespace)的使用详解
2013/05/04 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
Thinkphp实现站点静态化的方法详解
2017/03/21 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
JavaScript 内置对象属性及方法集合
2010/07/04 Javascript
JS动态增加删除UL节点LI及相关内容示例
2014/05/21 Javascript
使用upstart把nodejs应用封装为系统服务实例
2014/06/01 NodeJs
Ajax局部更新导致JS事件重复触发问题的解决方法
2014/10/14 Javascript
js实现匹配时换色的输入提示特效代码
2015/08/17 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
3种js实现string的substring方法
2015/11/09 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
2016/10/01 Javascript
JS实现touch 点击滑动轮播实例代码
2017/01/19 Javascript
基于layer.js实现收货地址弹框选择然后返回相应的地址信息
2017/05/26 Javascript
React Hooks的深入理解与使用
2018/11/12 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
2019/10/12 Javascript
jquery实现直播弹幕效果
2019/11/28 jQuery
vscode+gulp轻松开发小程序的完整步骤
2020/10/18 Javascript
Python脚本实现集群检测和管理功能
2015/03/06 Python
python中Genarator函数用法分析
2015/04/08 Python
Python线程的两种编程方式
2015/04/14 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
手把手教你pycharm专业版安装破解教程(linux版)
2019/09/26 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
python数据预处理 :数据抽样解析
2020/02/24 Python
Python pip使用超时问题解决方案
2020/08/03 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
Python实现AES加密,解密的两种方法
2020/10/03 Python
20行代码教你用python给证件照换底色的方法示例
2021/02/05 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
用CSS3打造HTML5的Logo(实现代码)
2016/06/16 HTML / CSS
英国儿童图书网站:Scholastic
2017/03/26 全球购物
学校安全检查制度
2014/01/27 职场文书
致100米运动员广播稿
2014/02/14 职场文书
护士上岗前培训自我鉴定
2014/04/20 职场文书
励志演讲稿3分钟
2014/08/21 职场文书