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 相关文章推荐
JavaScript中的Document文档对象
Jan 16 Javascript
深入理解javascript严格模式(Strict Mode)
Nov 28 Javascript
jquery使用slideDown实现模块缓慢拉出效果的方法
Mar 27 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
Sep 04 Javascript
js仿百度登录页实现拖动窗口效果
Mar 11 Javascript
给easyui的datebox控件添加清空按钮的实现方法
Nov 09 Javascript
浅谈Angular的$q, defer, promise
Dec 20 Javascript
AngularJS实现select的ng-options功能示例
Jul 12 Javascript
js实现ATM机存取款功能
Oct 27 Javascript
在layui中layer弹出层点击事件无效的解决方法
Sep 05 Javascript
Vue实现剪切板图片压缩功能
Feb 04 Javascript
小程序实现上下切换位置
Nov 16 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
PHP 简单日历实现代码
2009/10/28 PHP
PHP Echo字符串的连接格式
2016/03/07 PHP
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
JavaScript格式化数字的函数代码
2010/11/30 Javascript
setTimeout的延时为0时多个浏览器的区别
2012/05/23 Javascript
JS打开图片另存为对话框实现代码
2012/12/26 Javascript
jQuery学习笔记之jQuery动画效果
2013/09/09 Javascript
Javascript中查找不以XX字符结尾的单词示例代码
2013/10/15 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
可自定义速度的js图片无缝滚动示例分享
2014/01/20 Javascript
jQuery toggleClass应用实例(附效果图)
2014/04/06 Javascript
js实现YouKu的漂亮搜索框效果
2015/08/19 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
2015/12/04 Javascript
JS弹出对话框实现方法(三种方式)
2015/12/18 Javascript
jQuery 局部div刷新和全局刷新方法总结
2016/10/05 Javascript
js初始化验证实例详解
2016/11/26 Javascript
javascript 判断当前浏览器版本并判断ie版本
2017/02/17 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
前端开发不得不知的10个最佳ES6特性
2017/08/30 Javascript
AngularJS 仿微信图片手势缩放的实例
2017/09/28 Javascript
jQuery简单判断值是否存在于数组中的方法示例
2018/04/17 jQuery
Layui table field初始化加载时进行隐藏的方法
2019/09/19 Javascript
Python StringIO模块实现在内存缓冲区中读写数据
2015/04/08 Python
深入理解Python中字典的键的使用
2015/08/19 Python
速记Python布尔值
2017/11/09 Python
python获取地震信息 微信实时推送
2019/06/18 Python
python orm 框架中sqlalchemy用法实例详解
2020/02/02 Python
Python之京东商品秒杀的实现示例
2021/01/06 Python
Vans英国官方网站:美国南加州的原创极限运动潮牌
2017/01/20 全球购物
德国著名廉价网上药店:Shop-Apotheke
2017/07/23 全球购物
利用异或运算实现两个无符号数的加法运算
2013/12/20 面试题
社区十八大感言
2014/01/19 职场文书
市场营销专业毕业生求职信
2014/03/26 职场文书
构建和谐校园倡议书
2015/01/19 职场文书
求职信:求职应该注意的问题
2019/04/24 职场文书
Python中itertools库的四个函数介绍
2022/04/06 Python