快捷導(dǎo)航

laydate日歷控件使用方法詳解

更新時(shí)間：2017年11月20日 15:55:27 作者：?jiǎn)栴}娃娃

這篇文章主要為大家詳細(xì)介紹了laydate日歷控件的使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了laydate日歷控件的使用方法，供大家參考，具體內(nèi)容如下

 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; //開(kāi)始日選好后，重置結(jié)束日的最小日期 
      end.start = datas; //將結(jié)束日的初始值設(shè)定為開(kāi)始日 
    }
  }
  var end = {
    elem: '#end_0',
    format: 'YYYY-MM-DD',
    min: '1900-01-01',
    istime: false,
    istoday: false,
    choose: function (datas) {
      start.max = datas; //結(jié)束日選好后，重置開(kāi)始日的最大日期
    }
  };

  laydate(start);
  laydate(end);

初始化界面時(shí)執(zhí)行給日歷綁定事件。

如何給動(dòng)態(tài)生成的文本框綁定日歷點(diǎn)擊事件。

// 點(diǎn)擊編輯按鈕，給文本日期框添加.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);
      }
     

    });

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Three.js利用dat.GUI如何簡(jiǎn)化試驗(yàn)流程詳解
dat.gui可以方便地向場(chǎng)景中添加控制條，隨時(shí)調(diào)整參數(shù)。下面這篇文章主要給大家介紹了關(guān)于Three.js利用dat.GUI如何簡(jiǎn)化試驗(yàn)流程的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-09-09
element 中 el-menu 組件的無(wú)限極循環(huán)思路代碼詳解
這篇文章主要介紹了element 中 el-menu 組件的無(wú)限極循環(huán),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-04-04
javascript實(shí)現(xiàn)刪除前彈出確認(rèn)框
刪除確認(rèn)對(duì)話(huà)框的JS代碼，有好幾種寫(xiě)法，有簡(jiǎn)單的，有兼容好的，下面分別說(shuō)幾種方法，可根據(jù)自己需要選用
2015-06-06
js+canvas實(shí)現(xiàn)畫(huà)板功能
這篇文章主要為大家詳細(xì)介紹了js+canvas實(shí)現(xiàn)畫(huà)板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-09-09
瀏覽器窗口加載和大小改變事件示例
這篇文章主要介紹了瀏覽器窗口加載和大小改變事件,需要的朋友可以參考下
2014-02-02
Bootstrap-table自定義可編輯每頁(yè)顯示記錄數(shù)
這篇文章主要介紹了Bootstrap-table自定義可編輯每頁(yè)顯示記錄數(shù)的相關(guān)知識(shí)，非常不錯(cuò)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-09-09
原生js實(shí)現(xiàn)shift/ctrl/alt按鍵的獲取
小測(cè)試shift、ctrl、alt按鍵的獲取，感興趣的朋友可以參考下哈，希望可以幫助到你
2013-04-04
如何理解JavaScript模塊化
模塊化簡(jiǎn)單來(lái)說(shuō)就是將一個(gè)完整的長(zhǎng)篇代碼文件根據(jù)功能進(jìn)行劃分成幾個(gè)文件，這些文件各自負(fù)責(zé)一個(gè)獨(dú)立的功能，各個(gè)文件組合起來(lái)實(shí)現(xiàn)一個(gè)完整的大功能，這就是模塊化，每個(gè)負(fù)責(zé)獨(dú)立功能的文件就是模塊。
2021-05-05
JS常用函數(shù)和常用技巧小結(jié)
這篇文章主要介紹了JS常用函數(shù)和常用技巧小結(jié)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-10-10
如何使用js獲取擴(kuò)展名詳解
給你一個(gè)文件名,你能獲得它的擴(kuò)展名嗎?這篇文章主要給大家介紹了關(guān)于如何使用js獲取擴(kuò)展名的相關(guān)資料,文中介紹了幾種實(shí)現(xiàn)的方法,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2022-02-02