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 相关文章推荐
js 表单验证方法(实用)
Apr 28 Javascript
xml 封装与解析(javascript和C#中)
Jul 26 Javascript
心扬JS分页函数代码
Sep 10 Javascript
使用JavaScript 实现对象 匀速/变速运动的方法
May 08 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
jQuery实现精美的多级下拉菜单特效
Mar 14 Javascript
深入探讨Vue.js组件和组件通信
Sep 12 Javascript
JS中showModalDialog关闭子窗口刷新主窗口用法详解
Mar 25 Javascript
利用babel将es6语法转es5的简单示例
Dec 01 Javascript
JavaScript实现重力下落与弹性效果的方法分析
Dec 20 Javascript
vue系列之requireJs中引入vue-router的方法
Jul 18 Javascript
es5 类与es6中class的区别小结
Nov 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
用php和MySql来与ODBC数据连接
2006/10/09 PHP
php桌面中心(一) 创建数据库
2007/03/11 PHP
完美解决PHP中文乱码
2009/11/26 PHP
goto语法在PHP中的使用教程
2020/09/17 PHP
javascript网页关闭时提醒效果脚本
2008/10/22 Javascript
JavaScript 闭包深入理解(closure)
2009/05/27 Javascript
JS学习之一个简易的日历控件
2010/03/24 Javascript
js和jquery使按钮失效为不可用状态的方法
2014/01/26 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
2014/06/26 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
JavaScript基本的输出和嵌入式写法教程
2015/10/20 Javascript
JS实现设置ff与ie元素绝对位置的方法
2016/03/08 Javascript
JavaScript Uploadify文件上传实例
2017/02/28 Javascript
js学习总结之DOM2兼容处理this问题的解决方法
2017/07/27 Javascript
详解jQuery中的easyui
2018/09/02 jQuery
jQuery实现基本隐藏与显示效果的方法详解
2018/09/05 jQuery
ES6 更易于继承的类语法的使用
2019/02/11 Javascript
javascript 构建模块化开发过程解析
2019/09/11 Javascript
[07:01]DOTA2-DPC中国联赛正赛 Aster vs Magma 3月5日 赛后选手采访
2021/03/11 DOTA
python自动化测试实例解析
2014/09/28 Python
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
Python中input与raw_input 之间的比较
2017/08/20 Python
Django中login_required装饰器的深入介绍
2017/11/24 Python
python3 图片referer防盗链的实现方法
2018/03/12 Python
python3+PyQt5泛型委托详解
2018/04/24 Python
python3实现字符串操作的实例代码
2019/04/16 Python
python中pygame安装过程(超级详细)
2019/08/04 Python
Python中注释(多行注释和单行注释)的用法实例
2019/08/28 Python
Python函数默认参数常见问题及解决方案
2020/03/26 Python
open_basedir restriction in effect. 原因与解决方法
2021/03/14 PHP
html5 分层屏幕适配的方法
2018/03/16 HTML / CSS
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
android面试问题与答案
2016/12/27 面试题
施工人员岗位职责
2013/12/12 职场文书
庆祝教师节新闻稿
2015/07/17 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书