www/prive/formulaires/dateur/inc-dateur.html

   1 <script type='text/javascript'>/*<![CDATA[*/
   2 function date_picker_options(){
   3         return {
   4                 buttonText: '<:afficher_calendrier|texte_script:>',
   5                 buttonImage: '#CHEMIN_IMAGE{calendrier-16.png}',
   6                 buttonImageOnly: true,
   7                 closeText: '<:bouton_fermer|texte_script:>',
   8                 prevText: '<:precedent|texte_script:>',
   9                 nextText: '<:suivant|texte_script:>',
  10                 currentText: '<:date_aujourdhui|texte_script:>',
  11                 closeText: '<:bouton_fermer|texte_script:>',
  12                 monthNames: [
  13                         '<:date_mois_1|texte_script:>','<:date_mois_2|texte_script:>','<:date_mois_3|texte_script:>','<:date_mois_4|texte_script:>','<:date_mois_5|texte_script:>','<:date_mois_6|texte_script:>',
  14                         '<:date_mois_7|texte_script:>','<:date_mois_8|texte_script:>','<:date_mois_9|texte_script:>','<:date_mois_10|texte_script:>','<:date_mois_11|texte_script:>','<:date_mois_12|texte_script:>'],
  15                 monthNamesShort: [
  16                         '<:date_mois_1_abbr|texte_script:>','<:date_mois_2_abbr|texte_script:>','<:date_mois_3_abbr|texte_script:>','<:date_mois_4_abbr|texte_script:>','<:date_mois_5_abbr|texte_script:>','<:date_mois_6_abbr|texte_script:>',
  17                         '<:date_mois_7_abbr|texte_script:>','<:date_mois_8_abbr|texte_script:>','<:date_mois_9_abbr|texte_script:>','<:date_mois_10_abbr|texte_script:>','<:date_mois_11_abbr|texte_script:>','<:date_mois_12_abbr|texte_script:>'],
  18                 dayNames: [
  19                         '<:date_jour_1|texte_script:>','<:date_jour_2|texte_script:>','<:date_jour_3|texte_script:>','<:date_jour_4|texte_script:>',
  20                         '<:date_jour_5|texte_script:>','<:date_jour_6|texte_script:>','<:date_jour_7|texte_script:>'],
  21                 dayNamesShort: [
  22                         '<:date_jour_1_abbr|texte_script:>','<:date_jour_2_abbr|texte_script:>','<:date_jour_3_abbr|texte_script:>','<:date_jour_4_abbr|texte_script:>',
  23                         '<:date_jour_5_abbr|texte_script:>','<:date_jour_6_abbr|texte_script:>','<:date_jour_7_abbr|texte_script:>'],
  24                 dayNamesMin: [
  25                         '<:date_jour_1_initiale|texte_script:>','<:date_jour_2_initiale|texte_script:>','<:date_jour_3_initiale|texte_script:>','<:date_jour_4_initiale|texte_script:>',
  26                         '<:date_jour_5_initiale|texte_script:>','<:date_jour_6_initiale|texte_script:>','<:date_jour_7_initiale|texte_script:>'],
  27                 dateFormat: 'dd/mm/yy',
  28                 firstDay: 1,
  29                 isRTL: [(#ENV{lang}|lang_dir|=={rtl}|?{true,false})],
  30                 changeMonth: true,
  31                 changeYear: true,
  32                 showOtherMonths: true,
  33                 selectOtherMonths: true
  34         };
  35 }
  36 function date_picker_init(){
  37         jQuery('input.date').not('.datePicker')
  38                 .addClass('datePicker').each(function(){
  39                         var options = {showOn: 'button'};
  40                         if (jQuery(this).attr('data-startDate'))
  41                                 options.minDate = jQuery(this).attr('data-startDate');
  42                         if (jQuery(this).attr('data-endDate'))
  43                                 options.maxDate = jQuery(this).attr('data-endDate');
  44                         jQuery(this)
  45                                 .datepicker(jQuery.extend(date_picker_options(),options))
  46                                 .trigger('datePickerLoaded');
  47                 });
  48         jQuery("input.heure").not('.timePicker').addClass('timePicker').timePicker({step:#ENV{heure_pas,30}});
  49 }
  50 var date_picker_loading;
  51 if (window.jQuery){
  52         jQuery(function(){
  53                 if (jQuery('input.date,input.heure').length && !date_picker_loading){
  54                         date_picker_loading = true; // inutile de loader deux fois
  55                         jQuery.getScript('#PRODUIRE{fond=formulaires/dateur/jquery.dateur.js}').done(function(){
  56                                 date_picker_init();
  57                                 onAjaxLoad(date_picker_init);
  58                         });
  59                 }
  60         });
  61 }
  62 /*]]>*/</script>
  63 <style type="text/css">
  64 [(#INCLURE{formulaires/dateur/time_picker.css}|compacte{css})]
  65 img.ui-datepicker-trigger { display: inline-block; padding: 0; margin: 0px 0 0 -19px; vertical-align: middle; }
  66 div.time-picker {font-size:11px;  width:5em; /* needed for IE */}
  67 .formulaire_spip input.date {width:9em;padding-right:25px;}
  68 .formulaire_spip input.heure {width:7em;}
  69 </style>