laydate日历控件使用方法详解


Posted in Javascript onNovember 20, 2017

本文实例为大家分享了laydate日历控件的使用方法,供大家参考,具体内容如下

var start = {
    elem: '#start_0',
    format: 'YYYY-MM-DD',
    max: laydate.now(-1),
    istime: false,
    istoday: false,
    choose: function (datas) {
      $("input[name='TimeStart']").parent().next(".timeError").addClass("hide");
      end.min = datas; //开始日选好后,重置结束日的最小日期 
      end.start = datas; //将结束日的初始值设定为开始日 
    }
  }
  var end = {
    elem: '#end_0',
    format: 'YYYY-MM-DD',
    min: '1900-01-01',
    istime: false,
    istoday: false,
    choose: function (datas) {
      start.max = datas; //结束日选好后,重置开始日的最大日期
    }
  };

  laydate(start);
  laydate(end);

初始化界面时执行给日历绑定事件。

如何给动态生成的文本框绑定日历点击事件。

// 点击编辑按钮,给文本日期框添加.onclick事件
$("#expList").delegate(".edit","click",function () {
      var index = $("#expList .edit").index($(this));
      var len = index + parseInt(1);
      var start = {
        format: 'YYYY-MM-DD',
        max: laydate.now(-1),
        istime: false,
        istoday: false,
        choose: function (datas) {
          $("input[name='TimeStart']").parent().next(".timeError").addClass("hide");
          end.min = datas; 
          end.start = datas; 
        }
      };
      var end = {
        format: 'YYYY-MM-DD',
        min: '1900-01-01',
        istime: false,
        istoday: false,
        choose: function (datas) {
          start.max = datas; 
        }
      };

      document.getElementById("start_" + len).onclick = function () {
        start.elem = "#" + this.id;
        laydate(start);
      }
      document.getElementById("end_" + len).onclick = function () {
        end.elem = "#" + this.id;
        laydate(end);
      }
     

    });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js 函数的执行环境和作用域链的深入解析
Nov 01 Javascript
js取消单选按钮选中示例代码
Nov 14 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
Mar 21 Javascript
Bootstrap学习笔记之css组件(3)
Jun 07 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
Jul 18 Javascript
bootstrap table 多选框分页保留示例代码
Mar 08 Javascript
JavaScript简单计算人的年龄示例
Apr 15 Javascript
如何通过非数字与字符的方式实现PHP WebShell详解
Jul 02 Javascript
Vue动态组件与异步组件实例详解
Feb 23 Javascript
VueJS 取得 URL 参数值的方法
Jul 19 Javascript
js的新生代垃圾回收知识点总结
Aug 22 Javascript
mpvue微信小程序的接口请求fly全局拦截代码实例
Nov 13 Javascript
JavaScript框架Angular和React深度对比
Nov 20 #Javascript
如何选择适合你的JavaScript框架
Nov 20 #Javascript
JavaScript内存泄漏的处理方式
Nov 20 #Javascript
加载 vue 远程代码的组件实例详解
Nov 20 #Javascript
jquery中有哪些api jQuery主要API
Nov 20 #jQuery
详解如何将 Vue-cli 改造成支持多页面的 history 模式
Nov 20 #Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 #Javascript
You might like
德劲1103的维修打理经验
2021/03/02 无线电
swfupload 多文件上传实现代码
2008/08/27 PHP
php实现的zip文件内容比较类
2014/09/24 PHP
PHP图片处理之图片旋转和图片翻转实例
2014/11/19 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
用innerhtml提高页面打开速度的方法
2013/08/02 Javascript
js AppendChild与insertBefore用法详细对比
2013/12/16 Javascript
jquery中获取元素里某一特定子元素的代码
2014/12/02 Javascript
javascript中if和switch,==和===详解
2015/07/30 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
微信公众号开发 实现点击返回按钮就返回到聊天界面
2016/12/15 Javascript
Vue2.0 组件传值通讯的示例代码
2017/08/01 Javascript
JavaScript中的事件与异常捕获详析
2019/02/24 Javascript
JS实现纸牌发牌动画
2021/01/19 Javascript
python分析apache访问日志脚本分享
2015/02/26 Python
Python多线程同步---文件读写控制方法
2019/02/12 Python
Python Multiprocessing多进程 使用tqdm显示进度条的实现
2019/08/13 Python
基于Python批量生成指定尺寸缩略图代码实例
2019/11/20 Python
python GUI库图形界面开发之PyQt5工具栏控件QToolBar的详细使用方法与实例
2020/02/28 Python
Python如何使用paramiko模块连接linux
2020/03/18 Python
Python持续监听文件变化代码实例
2020/07/22 Python
Python使用xpath实现图片爬取
2020/09/16 Python
详解Python中的GIL(全局解释器锁)详解及解决GIL的几种方案
2021/01/29 Python
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
文明村创建实施方案
2014/03/27 职场文书
2014年向国旗敬礼活动方案
2014/09/27 职场文书
2014乡镇机关党员个人对照检查材料思想汇报
2014/10/09 职场文书
个人典型事迹材料
2014/12/30 职场文书
幼儿园小班教师个人工作总结
2015/02/06 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
复兴之路展览观后感
2015/06/02 职场文书
解决Goland 同一个package中函数互相调用的问题
2021/05/06 Golang
十大公认最好看的动漫:《咒术回战》在榜,《钢之炼金术师》第一
2022/03/18 日漫
Django数据库(SQlite)基本入门使用教程
2022/07/07 Python