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 相关文章推荐
学习YUI.Ext 第六天--关于树TreePanel(Part 1)
Mar 10 Javascript
javascript下数值型比较难点说明
Jun 07 Javascript
js中数组(Array)的排序(sort)注意事项说明
Jan 24 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
Feb 28 Javascript
深入浅析javascript中的作用域(推荐)
Jul 19 Javascript
jquery实现ajax提交表单信息的简单方法(推荐)
Aug 24 Javascript
JS实现div模块的截图并下载功能
Oct 17 Javascript
vue2.0s中eventBus实现兄弟组件通信的示例代码
Oct 25 Javascript
JS中Map和ForEach的区别
Feb 05 Javascript
vue-cli3.0配置及使用注意事项详解
Sep 05 Javascript
webpack.DefinePlugin与cross-env区别详解
Feb 23 Javascript
vue cli4下环境变量和模式示例详解
Apr 09 Javascript
解决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
图解上海144收音机
2021/03/02 无线电
JAVA/JSP学习系列之二
2006/10/09 PHP
PHP反转字符串函数strrev()函数的用法
2012/02/04 PHP
PHP输入流php://input介绍
2012/09/18 PHP
PHP设计模式之组合模式定义与应用示例
2020/02/01 PHP
5款Javascript颜色选择器
2009/10/25 Javascript
汉化英文版的Dreamweaver CS5并自动提示jquery
2010/11/25 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
2015/08/06 Javascript
js实现人才网站职位选择功能的方法
2015/08/14 Javascript
使用Javascript写的2048小游戏
2015/11/25 Javascript
JavaScript_object基础入门(必看篇)
2016/06/13 Javascript
JS控制div跳转到指定的位置的几种解决方案总结
2016/11/05 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
微信小程序实现通过双向滑动缩放图片大小的方法
2018/12/30 Javascript
vue中多个倒计时实现代码实例
2019/03/27 Javascript
Node使用Selenium进行前端自动化操作的代码实现
2019/10/10 Javascript
pycharm 使用心得(九)解决No Python interpreter selected的问题
2014/06/06 Python
Django框架中处理URLconf中特定的URL的方法
2015/07/20 Python
python将每个单词按空格分开并保存到文件中
2018/03/19 Python
Django csrf 两种方法设置form的实例
2019/02/03 Python
对Django的restful用法详解(自带的增删改查)
2019/08/28 Python
Python使用grequests(gevent+requests)并发发送请求过程解析
2019/09/25 Python
详解opencv中画圆circle函数和椭圆ellipse函数
2019/12/27 Python
python爬虫用scrapy获取影片的实例分析
2020/11/23 Python
Python读取ini配置文件传参的简单示例
2021/01/05 Python
pycharm 使用anaconda为默认环境的操作
2021/02/05 Python
css3实现的多级渐变下拉菜单导航效果代码
2015/08/31 HTML / CSS
HTML5 canvas实现移动端上传头像拖拽裁剪效果
2016/03/14 HTML / CSS
高级人员简历的自我评价分享
2013/11/03 职场文书
高中生自我评价个人范文
2013/11/09 职场文书
预防艾滋病宣传标语
2014/06/25 职场文书
逃课打麻将检讨书
2014/10/05 职场文书
普通员工辞职信范文
2015/05/12 职场文书
硕士论文致谢范文
2015/05/14 职场文书
2016十一国庆节慰问信
2015/12/01 职场文书
Nginx URL重写rewrite机制原理及使用实例
2021/04/01 Servers