Heim > Web-Frontend > js-Tutorial > Hauptteil

Teilen Sie Beispiele für die Verwendung des Laydate-Kalendersteuerelements

小云云
Freigeben: 2018-01-16 10:31:17
Original
1840 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die Verwendung der Laydate-Kalendersteuerung im Detail vor. Interessierte Freunde können darauf verweisen.

Das Beispiel in diesem Artikel zeigt, wie Sie das Laydate-Kalendersteuerelement als Referenz verwenden. Der spezifische Inhalt ist wie folgt:


 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);
Nach dem Login kopieren

Ausgeführt auf Kalender beim Initialisieren der Schnittstelle Ereignisse binden.

So binden Sie ein Kalenderklickereignis an ein dynamisch generiertes Textfeld.


// 点击编辑按钮,给文本日期框添加.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);
      }
     

    });
Nach dem Login kopieren

Verwandte Empfehlungen:

Detaillierter Beispielcode der benutzerdefinierten HTML5-Kalendersteuerung

Teilen von Beispielen für die Erstellung von Kalendersteuerelementen mit nativem js

Neuer Algorithmus für Kalendersteuerelemente im JavaScript-Blog-Stil

Das obige ist der detaillierte Inhalt vonTeilen Sie Beispiele für die Verwendung des Laydate-Kalendersteuerelements. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!