layDate插件设置开始和结束时间


Posted in Javascript onNovember 15, 2018

本文教大家使用了laydate插件设置开始和结束时间,供大家参考,具体内容如下

用的laydate插件是layDate-v5.0.6,是新版本的;

效果是选择开始时间,选择结束时间的时候开始时间之前的时间不能选;

选择结束时间,选择开始时间的时候结束时间之后的时间不能选;

function time(){
        //开始时间id="start",结束时间id="end";
        var start = {
          elem: '#start',
          type:'date',
          min: '2000-09-10',
          max: '2333-09-20',
          show: true,
          closeStop: '#start'
 
        };
        var end = {
          elem: '#end',
          type:'date',
          min: '2000-09-10',
          max: '2333-09-20',
          show: true,
          closeStop: '#end'
        };
        lay('#start').on('click', function(e){
          if($('#end').val() != null && $('#end').val() != undefined && $('#end').val() != ''){
            start.max = $('#end').val();
          }
          laydate.render(start);
        });
        lay('#end').on('click', function(e){
          if($('#start').val() != null && $('#start').val() != undefined && $('#start').val() != ''){
            end.min = $('#start').val();
          }
          laydate.render(end);
        });
 
 
      }

最后调用就行了;

因为我引用了jquery;

所以如果没有引用jquery的;获取元素的值可以换成原生的;

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
Mar 06 Javascript
javascript 数组学习资料收集
Apr 11 Javascript
javascript动态改变img的src属性图片不显示的解决方法
Oct 20 Javascript
iphone safari不支持position fixed的解决方法
May 04 Javascript
IE的fireEvent方法概述及应用
Feb 22 Javascript
javascript中全局对象的isNaN()方法使用介绍
Dec 19 Javascript
laytpl 精致巧妙的JavaScript模板引擎
Aug 29 Javascript
javascript数组排序汇总
Jul 07 Javascript
Vue 获取数组键名的方法
Jun 21 Javascript
vue 强制组件重新渲染(重置)的两种方案
Oct 29 Javascript
vue 使用 canvas 实现手写电子签名
Mar 06 Javascript
vue实现书本翻页动画效果实例详解
Apr 08 Vue.js
解决vue2 在mounted函数无法获取prop中的变量问题
Nov 15 #Javascript
vue中使用better-scroll实现滑动效果及注意事项
Nov 15 #Javascript
layDate日期控件使用方法详解
Nov 15 #Javascript
vue2中引用及使用 better-scroll的方法详解
Nov 15 #Javascript
Vue一个案例引发的递归组件的使用详解
Nov 15 #Javascript
一份超级详细的Vue-cli3.0使用教程【推荐】
Nov 15 #Javascript
Angular事件之不同组件间传递数据的方法
Nov 15 #Javascript
You might like
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
php调用mysql数据 dbclass类
2011/05/07 PHP
php判断变量类型常用方法
2012/04/24 PHP
深入探讨:PHP使用数据库永久连接方式操作MySQL的是与非
2013/06/05 PHP
解析php中两种缩放图片的函数,为图片添加水印
2013/06/14 PHP
JavaScript的Cookies
2008/01/16 Javascript
JS动态添加option和删除option(附实例代码)
2013/04/01 Javascript
JQuery筛选器全系列介绍
2013/08/27 Javascript
jQuery打印图片pdf、txt示例代码
2014/07/22 Javascript
JavaScript实现自动弹出窗口并自动关闭窗口的方法
2015/08/06 Javascript
jquery遍历table的tr获取td的值实现方法
2016/05/19 Javascript
JavaScript实现三级联动菜单效果
2017/08/16 Javascript
微信小程序实现折叠面板
2018/01/31 Javascript
原生js调用json方法总结
2018/02/22 Javascript
vue-router命名路由和编程式路由传参讲解
2019/01/19 Javascript
Js视频播放器插件Video.js使用方法详解
2020/02/04 Javascript
Vue data的数据响应式到底是如何实现的
2020/02/11 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
2020/10/30 Javascript
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
老生常谈Python之装饰器、迭代器和生成器
2017/07/26 Python
用Python实现数据的透视表的方法
2018/11/16 Python
对Python Pexpect 模块的使用说明详解
2019/02/14 Python
Django 404、500页面全局配置知识点详解
2020/03/10 Python
Python collections.defaultdict模块用法详解
2020/06/18 Python
Django配置Bootstrap, js实现过程详解
2020/10/13 Python
全球领先的各类汽车配件零售商:Advance Auto Parts
2016/08/26 全球购物
ETO男装官方网店:ETO Jeans
2019/02/28 全球购物
德国的大型美妆个护电商:Flaconi
2020/06/26 全球购物
什么是TCP/IP
2014/07/27 面试题
教育专业自荐书范文
2013/12/17 职场文书
《云雀的心愿》教学反思
2014/02/25 职场文书
《得道多助,失道寡助》教学反思
2014/04/19 职场文书
法人委托书
2014/07/31 职场文书
大专毕业生自我鉴定范文(2篇)
2014/09/27 职场文书
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
公开致歉信
2019/06/24 职场文书