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                 changeMonth: true,
  30                 changeYear: true,
  31                 showOtherMonths: true,
  32                 selectOtherMonths: true,
  33                 yearRange: "c-60:c+40"
  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                         if (jQuery(this).attr('data-yearRange'))
  45                                 options.yearRange = jQuery(this).attr('data-yearRange');
  46                         jQuery(this)
  47                                 .datepicker(jQuery.extend(date_picker_options(),options))
  48                                 .trigger('datePickerLoaded');
  49                 });
  50         jQuery("input.heure").not('.timePicker').addClass('timePicker').timePicker({step:#ENV{heure_pas,30}});
  51 }
  52 var date_picker_loading;
  53 if (window.jQuery){
  54         jQuery(function(){
  55                 if (jQuery('input.date,input.heure').length
  56                         && typeof date_picker_loading=="undefined"){
  57                         date_picker_loading = jQuery.getScript('[(#PRODUIRE{fond=formulaires/dateur/jquery.dateur.js}|timestamp)]');
  58                         date_picker_loading.done(function(){
  59                                 date_picker_init();
  60                                 onAjaxLoad(date_picker_init);
  61                         })
  62                 }
  63         });
  64 }
  65 /*]]>*/</script>
  66 <style type="text/css">
  67 [(#INCLURE{formulaires/dateur/time_picker.css}|compacte{css})]
  68 img.ui-datepicker-trigger { display: inline-block; padding: 0; margin: 0; margin-[(#ENV{lang}|lang_dir|choixsiegal{ltr,left,right})]: -19px; vertical-align: middle; z-index:2 }
  69 div.time-picker {font-size:11px;  width:5em; /* needed for IE */}
  70 .formulaire_spip input.date {width:9em;padding-[(#ENV{lang}|lang_dir|choixsiegal{ltr,right,left})]:25px;}
  71 .formulaire_spip input.heure {width:7em;}
  72 </style>