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 相关文章推荐
jquery select(列表)的操作(取值/赋值)
Aug 06 Javascript
javascript操作ul中li的方法
May 14 Javascript
浅谈javascript中replace()方法
Nov 10 Javascript
jQuery简单获取键盘事件的方法
Jan 22 Javascript
浅谈Sticky组件的改进实现
Mar 22 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
Mar 08 Javascript
简单实现jQuery上传图片显示预览功能
Jun 29 jQuery
Node.js应用设置安全的沙箱环境
Apr 23 Javascript
微信小程序template模版的使用方法
Apr 13 Javascript
详解Vue demo实现商品列表的展示
May 07 Javascript
js prototype和__proto__的关系是什么
Aug 23 Javascript
详解JavaScript中精度失准问题及解决方法
Feb 04 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文件时顶部出现空白影响布局分析原因及解决办法
2013/01/11 PHP
PHP_SELF,SCRIPT_NAME,REQUEST_URI区别
2014/12/24 PHP
php根据一个给定范围和步进生成数组的方法
2015/06/19 PHP
基于PHP实现等比压缩图片大小
2016/03/04 PHP
获取网站跟路径的javascript代码(站点及虚拟目录)
2009/10/20 Javascript
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
2013/05/07 Javascript
基于jquery实现的文字向上跑动类似跑马灯的效果
2014/06/17 Javascript
JavaScript实现的in_array函数
2014/08/27 Javascript
基于JQuery打造无缝滚动新闻步骤详解
2016/03/31 Javascript
浅谈JavaScript中的分支结构
2016/07/01 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
js canvas实现擦除效果示例代码
2017/04/26 Javascript
jQuery获取复选框选中的当前行的某个字段的值
2017/09/15 jQuery
浅析为什么a="abc" 不等于 a=new String("abc")
2017/10/25 Javascript
仿vue-cli搭建属于自己的脚手架的方法步骤
2019/04/17 Javascript
在vue中使用Base64转码的案例
2020/08/07 Javascript
[46:09]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS VG第三场
2014/05/26 DOTA
[49:13]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第一局
2016/02/27 DOTA
Python变量和字符串详解
2017/04/29 Python
基于 Django 的手机管理系统实现过程详解
2019/08/16 Python
Python数据库小程序源代码
2019/09/15 Python
详解Windows下PyCharm安装Numpy包及无法安装问题解决方案
2020/06/18 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
Django前后端分离csrf token获取方式
2020/12/25 Python
C#公司笔试题
2014/03/28 面试题
大学生四个方面的自我评价
2013/09/19 职场文书
市场营销个人求职信范文
2014/02/02 职场文书
公司节能减排方案
2014/05/16 职场文书
2014新生大学四年计划书
2014/09/21 职场文书
天坛导游词
2015/02/02 职场文书
前台接待员岗位职责
2015/04/15 职场文书
钓鱼岛事件感想
2015/08/11 职场文书
行为规范主题班会
2015/08/13 职场文书
星际争霸 Light vs Action 一场把教主看到鬼畜的比赛
2022/04/01 星际争霸
MyBatis配置文件解析与MyBatis实例演示
2022/04/07 Java/Android