首页 > 编程 > JavaScript > 正文

laydate日历控件使用方法详解

2019-11-19 14:53:37
字体:
来源:转载
供稿:网友

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表