Partagez des exemples d'utilisation du contrôle de calendrier laydate-js tutoriel-php.cn

Partagez des exemples d'utilisation du contrôle de calendrier laydate

小云云

Libérer： 2018-01-16 10:31:17

original

1873 Les gens l'ont consulté

Cet article présente principalement en détail l'utilisation du contrôle du calendrier de laydate. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer. J'espère qu'il pourra aider tout le monde.

L'exemple de cet article explique comment utiliser le contrôle de calendrier laydate pour votre référence. Le contenu spécifique est le suivant

 var start = {
    elem: &#39;#start_0&#39;,
    format: &#39;YYYY-MM-DD&#39;,
    max: laydate.now(-1),
    istime: false,
    istoday: false,
    choose: function (datas) {
      $("input[name=&#39;TimeStart&#39;]").parent().next(".timeError").addClass("hide");
      end.min = datas; //开始日选好后，重置结束日的最小日期 
      end.start = datas; //将结束日的初始值设定为开始日 
    }
  }
  var end = {
    elem: &#39;#end_0&#39;,
    format: &#39;YYYY-MM-DD&#39;,
    min: &#39;1900-01-01&#39;,
    istime: false,
    istoday: false,
    choose: function (datas) {
      start.max = datas; //结束日选好后，重置开始日的最大日期
    }
  };

  laydate(start);
  laydate(end);

Copier après la connexion

Exécuté vers le. calendrier lors de l'initialisation de l'interface Événements de liaison.

Comment lier un événement de clic de calendrier à une zone de texte générée dynamiquement.

// 点击编辑按钮，给文本日期框添加.onclick事件
$("#expList").delegate(".edit","click",function () {
      var index = $("#expList .edit").index($(this));
      var len = index + parseInt(1);
      var start = {
        format: &#39;YYYY-MM-DD&#39;,
        max: laydate.now(-1),
        istime: false,
        istoday: false,
        choose: function (datas) {
          $("input[name=&#39;TimeStart&#39;]").parent().next(".timeError").addClass("hide");
          end.min = datas; 
          end.start = datas; 
        }
      };
      var end = {
        format: &#39;YYYY-MM-DD&#39;,
        min: &#39;1900-01-01&#39;,
        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);
      }
     

    });

Copier après la connexion

Recommandations associées :

Exemple de code détaillé du contrôle de calendrier personnalisé HTML5

Partage d'exemples de création de contrôles de calendrier à l'aide de js natif

Nouvel algorithme pour les contrôles de calendrier de style blog JavaScript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!