laydate日历控件使用方法详解

 更新时间:2017年11月20日 15:55:27   作者:问题娃娃  
这篇文章主要为大家详细介绍了laydate日历控件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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);
      }
     

    });

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

相关文章

  • Three.js利用dat.GUI如何简化试验流程详解

    Three.js利用dat.GUI如何简化试验流程详解

    dat.gui可以方便地向场景中添加控制条,随时调整参数。下面这篇文章主要给大家介绍了关于Three.js利用dat.GUI如何简化试验流程的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-09-09
  • element 中 el-menu 组件的无限极循环思路代码详解

    element 中 el-menu 组件的无限极循环思路代码详解

    这篇文章主要介绍了element 中 el-menu 组件的无限极循环,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • javascript实现删除前弹出确认框

    javascript实现删除前弹出确认框

    删除确认对话框的JS代码,有好几种写法,有简单的,有兼容好的,下面分别说几种方法,可根据自己需要选用
    2015-06-06
  • js+canvas实现画板功能

    js+canvas实现画板功能

    这篇文章主要为大家详细介绍了js+canvas实现画板功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • 浏览器窗口加载和大小改变事件示例

    浏览器窗口加载和大小改变事件示例

    这篇文章主要介绍了浏览器窗口加载和大小改变事件,需要的朋友可以参考下
    2014-02-02
  • Bootstrap-table自定义可编辑每页显示记录数

    Bootstrap-table自定义可编辑每页显示记录数

    这篇文章主要介绍了Bootstrap-table自定义可编辑每页显示记录数的相关知识,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-09-09
  • 原生js实现shift/ctrl/alt按键的获取

    原生js实现shift/ctrl/alt按键的获取

    小测试shift、ctrl、alt按键的获取,感兴趣的朋友可以参考下哈,希望可以帮助到你
    2013-04-04
  • 如何理解JavaScript模块化

    如何理解JavaScript模块化

    模块化简单来说就是将一个完整的长篇代码文件根据功能进行划分成几个文件,这些文件各自负责一个独立的功能,各个文件组合起来实现一个完整的大功能,这就是模块化,每个负责独立功能的文件就是模块。
    2021-05-05
  • JS常用函数和常用技巧小结

    JS常用函数和常用技巧小结

    这篇文章主要介绍了JS常用函数和常用技巧小结的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-10-10
  • 如何使用js获取扩展名详解

    如何使用js获取扩展名详解

    给你一个文件名,你能获得它的扩展名吗?这篇文章主要给大家介绍了关于如何使用js获取扩展名的相关资料,文中介绍了几种实现的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-02-02

最新评论