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                 yearRange: "c-60:c+40"
  35         };
  36 }
  37 function date_picker_init(){
  38         jQuery('input.date').not('.datePicker')
  39                 .addClass('datePicker').each(function(){
  40                         var options = {showOn: 'button'};
  41                         if (jQuery(this).attr('data-startDate'))
  42                                 options.minDate = jQuery(this).attr('data-startDate');
  43                         if (jQuery(this).attr('data-endDate'))
  44                                 options.maxDate = jQuery(this).attr('data-endDate');
  45                         if (jQuery(this).attr('data-yearRange'))
  46                                 options.yearRange = jQuery(this).attr('data-yearRange');
  47                         jQuery(this)
  48                                 .datepicker(jQuery.extend(date_picker_options(),options))
  49                                 .trigger('datePickerLoaded');
  50                 });
  51         jQuery("input.heure").not('.timePicker').addClass('timePicker').timePicker({step:#ENV{heure_pas,30}});
  52 }
  53 var date_picker_loading;
  54 if (window.jQuery){
  55         jQuery(function(){
  56                 if (jQuery('input.date,input.heure').length
  57                         && typeof date_picker_loading=="undefined"){
  58                         date_picker_loading = jQuery.getScript('#PRODUIRE{fond=formulaires/dateur/jquery.dateur.js}');
  59                         date_picker_loading.done(function(){
  60                                 date_picker_init();
  61                                 onAjaxLoad(date_picker_init);
  62                         })
  63                 }
  64         });
  65 }
  66 /*]]>*/</script>
  67 <style type="text/css">
  68 [(#INCLURE{formulaires/dateur/time_picker.css}|compacte{css})]
  69 img.ui-datepicker-trigger { display: inline-block; padding: 0; margin: 0px 0 0 -19px; vertical-align: middle; }
  70 div.time-picker {font-size:11px;  width:5em; /* needed for IE */}
  71 .formulaire_spip input.date {width:9em;padding-right:25px;}
  72 .formulaire_spip input.heure {width:7em;}
  73 </style>