Maison > interface Web > js tutoriel > Explication détaillée de l'utilisation du plug-in de calendrier daterangepicker

Explication détaillée de l'utilisation du plug-in de calendrier daterangepicker

php中世界最好的语言
Libérer: 2018-04-19 16:21:47
original
4625 Les gens l'ont consulté

Cette fois je vais vous apporter une explication détaillée de l'utilisation du plug-in daterangepicker calendrier. Quelles sont les précautions d'utilisation du plug-in daterangepicker calendrier Voici un cas pratique, jetons un oeil.

Afficher les minutes et secondes d'une heure spécifique :

timePicker est défini sur true, //Le pickerTime écrit dans certaines informations n'est pas tout à fait correct

Piège clé : modifier l'affichage par défaut format de l'heure, changement Fomat est écrit dans les paramètres régionaux De nombreuses informations sur Internet indiquent qu'il est écrit directement dans l'attribut daterangepicker, ce qui n'est pas efficace.

L'heure de début et de fin peut être définie sur une année, un mois et un jour spécifiques ou la date actuelle peut être générée (nouvelle méthode Date() ou moment() [la méthode moment() est une fonction pour moment.js pour obtenir l'heure actuelle])

$(“#dateid”).daterangepicker({
      startDate: moment(),// '2013-01-01', 
      maxDate:newDate(),
      endDate: moment(),//new Date(),
      dateLimit : {
        days : 30
      },//起止时间的最大间隔
      timePicker :true,//是否显示小时和分钟
      timePickerIncrement : 1,//时间的增量,单位为分钟
      timePicker24Hour :true,//是否使用24小时制来显示时间
      locale: {//用来设置默认时间显示格式,各个按钮空间的中文显示
format:'YYYY/MM/DD HH:mm:ss',
applyLabel:'确认',
       cancelLabel:'取消',
       fromLabel:'从',
       toLabel:'到',
       weekLabel:'W',
       customRangeLabel:'选择时间',
       daysOfWeek:["日","一","二","三","四","五","六"],
       monthNames: ["一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十 一月","十二月"] 
}
    range: {//设置快捷区间控件,不同的时间段
      "近期": ['2015-04-12',newDate()]
    }
  },function(start, end, label) {
    alert('A date range was chosen: '+ start.format('YYYY-MM-DD') +' to '+ end.format('YYYY-MM-DD'));
  }
Copier après la connexion

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée de l'utilisation de l'extension du plug-in jquery

Comment jQuery détermine la version du navigateur

base64 implémente des fonctions de cryptage et de décryptage

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal