Bootstrap datetimepicker - Comment définir toutes les info-bulles du sélecteur à la fois?

Question

Voici mes codes exemple:

$('#ex1').datetimepicker({ 
    tooltips: { 
      today: 'today', 
      clear: 'clear', 
      close: 'close', 
     }, 
     format: 'YYYY/MM/DD', 
     locale: 'zh-tw', 
}); 

$('#ex2').datetimepicker({ 
    tooltips: { 
      today: 'today', 
      clear: 'clear', 
      close: 'close', 
     }, 
     format: 'YYYY/MM/DD', 
     locale: 'zh-tw', 
}); 

$('#ex3').datetimepicker({ 
    tooltips: { 
      today: 'today', 
      clear: 'clear', 
      close: 'close', 
     }, 
     format: 'YYYY/MM/DD', 
     locale: 'zh-tw', 
}); 

Comme ci-dessus, le code est en double! Comment régler toutes les info-bulles et l'option du sélecteur en même temps?

J'ai essayé de les ajouter à la classe "calendrier", et utiliser

$('.calendar').datetimepicker({ 
    tooltips: { 
      today: 'today', 
      clear: 'clear', 
      close: 'close', 
     }, 
     format: 'YYYY/MM/DD', 
     locale: 'zh-tw', 
}); 

pour les mettre, mais ne fonctionne pas ...

Merci!

--- Mise à jour: --- Ce sont mon code sur les classes:

<input type='text' class="form-control calendar" id='leave-end'> 
<input type='text' class="form-control calendar" id='leave-start'> 

Et:

$('.calendar').datetimepicker({ 
      tooltips: { 
       close: '關閉日曆', 
       selectMonth: '選擇月份', 
       prevMonth: '上個月', 
       nextMonth: '下個月', 
       selectYear: '選擇年份', 
       prevYear: '前一年', 
       nextYear: '下一年', 
      }, 
      format: 'YYYY/MM/DD', 
      locale: 'zh-tw', 
     }); 

Mais ne fonctionne pas et aucun message d'erreur, ce qui ne va pas?

Et

var options = { 
      tooltips: { 
       today: 'today', 
       clear: 'clear', 
       close: 'close', 
      }, 
      format: 'YYYY/MM/DD', 
      locale: 'zh-tw', 
     } 
$('#leave-start').datetimepicker({options}); 

je copier et coller, mais a 1 avertissement jquery.min.js:2 jQuery.Deferred exception: Maximum call stack size exceeded RangeError: Maximum call stack size exceeded et 1 erreur jquery.min.js:2 Uncaught RangeError: Maximum call stack size exceeded

Answer 1

utiliser plusieurs variables.

var options = { 
    tooltips: { 
     today: 'today', 
     clear: 'clear', 
     close: 'close', 
    }, 
    format: 'YYYY/MM/DD', 
    locale: 'zh-tw', 
} 

$('#ex1').datetimepicker({options}); 
$('#ex2').datetimepicker({options}); 
$('#ex3').datetimepicker({options}); 

Mise à jour: Ajout datetimepicker par classe la sélection devrait également fonctionner afin de vérifier si vous définissez correctement la classe.