Maison >interface Web >js tutoriel >Partagez des exemples d'utilisation du contrôle de calendrier laydate

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

小云云
小云云original
2018-01-16 10:31:171886parcourir

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: '#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);

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: '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);
      }
     

    });

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn