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 相关文章推荐
超级简单的图片防盗(HTML),好用
Apr 08 Javascript
用js 让图片在 div或dl里 居中,底部对齐
Jan 21 Javascript
javascript html 静态页面传参数
Apr 10 Javascript
event.keyCode键码值表 附只能输入特定的字符串代码
May 15 Javascript
autoIMG 基于jquery的图片自适应插件代码
Mar 12 Javascript
MooTools 页面滚动浮动层智能定位实现代码
Aug 23 Javascript
jquery中文乱码的多种解决方法
Jun 21 Javascript
鼠标移动到图片名上,显示图片的简单实例
Jul 14 Javascript
Bootstrap标签页(Tab)插件使用方法
Mar 21 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
May 02 Javascript
Bootstrap滚动监听组件scrollspy.js使用方法详解
Jul 20 Javascript
JavaScript Html实现移动端红包雨功能页面
Jan 10 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像数组一样存取和修改字符串字符
2014/03/21 PHP
你应该知道PHP浮点数知识
2015/05/13 PHP
php实现分页显示
2015/11/03 PHP
php 使用 __call实现重载功能示例
2019/11/18 PHP
javascript编程起步(第六课)
2007/02/27 Javascript
Javascript计算两个marker之间的距离(Google Map V3)
2013/04/26 Javascript
js substring从右边获取指定长度字符串(示例代码)
2013/12/23 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
2015/03/13 Javascript
jQuery实现图片左右滚动特效
2020/04/20 Javascript
jquery validate表单验证的基本用法入门
2016/01/18 Javascript
几种二级联动案例(jQuery\Array\Ajax php)
2016/08/13 Javascript
jQuery EasyUI编辑DataGrid用combobox实现多级联动
2016/08/29 Javascript
对称加密与非对称加密优缺点详解
2017/02/06 Javascript
微信小程序 动态绑定数据及动态事件处理
2017/03/14 Javascript
基于JavaScript实现无缝滚动效果
2017/07/21 Javascript
bootstrap轮播模板使用方法详解
2017/11/17 Javascript
如何在Node和浏览器控制台中打印彩色文字
2020/01/09 Javascript
为什么推荐使用JSX开发Vue3
2020/12/28 Vue.js
情人节快乐! python绘制漂亮玫瑰
2020/08/18 Python
python创建学生成绩管理系统
2019/11/22 Python
django Layui界面点击弹出对话框并请求逻辑生成分页的动态表格实例
2020/05/12 Python
Django设置Postgresql的操作
2020/05/14 Python
Python中内建模块collections如何使用
2020/05/27 Python
华美博弈C/VC工程师笔试试题
2012/07/16 面试题
介绍一下Linux文件的记录形式
2013/09/29 面试题
小学校园活动策划
2014/01/30 职场文书
学校卫生检查制度
2014/02/03 职场文书
大学新学期计划书
2014/04/28 职场文书
本科毕业论文导师评语
2014/12/31 职场文书
采购部2015年度工作总结
2015/07/24 职场文书
电台广播稿范文
2015/08/19 职场文书
如何书写读后感?(附范文)
2019/07/26 职场文书
pygame面向对象的飞行小鸟实现(Flappy bird)
2021/04/01 Python
正则表达式拆分url实例代码
2022/02/24 Java/Android
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python
收音机爱好者玩机13年,简评其使用过的19台收音机
2022/04/30 无线电