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 相关文章推荐
Angularjs material 实现搜索框功能
Mar 08 Javascript
JS获取多维数组中相同键的值实现方法示例
Jan 06 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
Feb 19 Javascript
node.js程序作为服务并在windows下开机自启动(用forever)
Mar 29 Javascript
Vue表单验证插件Vue Validator使用方法详解
Apr 07 Javascript
使用DataTable插件实现异步加载数据
Nov 19 Javascript
JavaScript 中的 this 工作原理
Jun 20 Javascript
vue+springboot实现项目的CORS跨域请求
Sep 05 Javascript
微信小程序缓存支持二次开发封装实现解析
Dec 16 Javascript
node.js中 redis 的安装和基本操作示例
Feb 10 Javascript
Vue为什么要谨慎使用$attrs与$listeners
Aug 27 Javascript
Element-UI 使用el-row 分栏布局的教程
Oct 26 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生成UTF8文件的方法
2010/05/15 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
Laravel 数据库加密及数据库表前缀配置方法
2019/10/10 PHP
laravel框架分组控制器和分组路由实现方法示例
2020/01/25 PHP
PHPStorm2020.1永久激活及下载更新至2020(推荐)
2020/09/25 PHP
JS日历 推荐
2006/12/03 Javascript
JS高级拖动技术 setCapture,releaseCapture
2011/07/31 Javascript
复制js对象方法(详解)
2013/07/08 Javascript
js字符串转成JSON
2013/11/07 Javascript
JavaScript分秒倒计时器实现方法
2015/02/02 Javascript
javascript实现删除前弹出确认框
2015/06/04 Javascript
浅析javascript的return语句
2015/12/15 Javascript
js实现的页面矩阵图形变换特效
2016/01/26 Javascript
jQuery 获取页面li数组并删除不在数组中的key
2016/08/02 Javascript
ES6入门教程之Iterator与for...of循环详解
2017/05/17 Javascript
vue-router中的hash和history两种模式的区别
2018/07/17 Javascript
原生js实现俄罗斯方块
2020/10/20 Javascript
python中json格式数据输出的简单实现方法
2016/10/31 Python
python的pdb调试命令的命令整理及实例
2017/07/12 Python
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
详细解读tornado协程(coroutine)原理
2018/01/15 Python
python 巧用正则寻找字符串中的特定字符的位置方法
2018/05/02 Python
Django如何自定义分页
2018/09/25 Python
详解Matplotlib绘图之属性设置
2019/08/23 Python
在Python中预先初始化列表内容和长度的实现
2019/11/28 Python
python中os.remove()用法及注意事项
2021/01/31 Python
应聘教师推荐信
2013/10/31 职场文书
小学生期末自我鉴定
2014/01/19 职场文书
4s店销售经理岗位职责
2014/07/19 职场文书
热情服务标语
2014/10/07 职场文书
教师党的群众路线学习心得体会
2014/11/04 职场文书
2015年行政执法工作总结
2015/05/23 职场文书
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS
使用Springboot实现健身房管理系统
2021/07/01 Java/Android
php去除deprecated的实例方法
2021/11/17 PHP
10大幻兽系恶魔果实 蝙蝠果实上榜,第一自愈能力强
2022/03/18 日漫