100 lines
4.4 KiB
HTML
100 lines
4.4 KiB
HTML
|
<script type='text/javascript'>/*<![CDATA[*/
|
||
|
|
function date_picker_options(){
|
||
|
|
return {
|
||
|
|
buttonText: '',
|
||
|
|
buttonImage: '#CHEMIN_IMAGE{calendrier-16.png}',
|
||
|
|
buttonImageOnly: true,
|
||
|
|
closeText: '<:bouton_fermer|texte_script:>',
|
||
|
|
prevText: '<:precedent|texte_script:>',
|
||
|
|
nextText: '<:suivant|texte_script:>',
|
||
|
|
currentText: '<:date_aujourdhui|texte_script:>',
|
||
|
|
monthNames: [
|
||
|
|
'<: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:>',
|
||
|
|
'<: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:>'],
|
||
|
|
monthNamesShort: [
|
||
|
|
'<: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:>',
|
||
|
|
'<: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:>'],
|
||
|
|
dayNames: [
|
||
|
|
'<:date_jour_1|texte_script:>','<:date_jour_2|texte_script:>','<:date_jour_3|texte_script:>','<:date_jour_4|texte_script:>',
|
||
|
|
'<:date_jour_5|texte_script:>','<:date_jour_6|texte_script:>','<:date_jour_7|texte_script:>'],
|
||
|
|
dayNamesShort: [
|
||
|
|
'<:date_jour_1_abbr|texte_script:>','<:date_jour_2_abbr|texte_script:>','<:date_jour_3_abbr|texte_script:>','<:date_jour_4_abbr|texte_script:>',
|
||
|
|
'<:date_jour_5_abbr|texte_script:>','<:date_jour_6_abbr|texte_script:>','<:date_jour_7_abbr|texte_script:>'],
|
||
|
|
dayNamesMin: [
|
||
|
|
'<:date_jour_1_initiale|texte_script:>','<:date_jour_2_initiale|texte_script:>','<:date_jour_3_initiale|texte_script:>','<:date_jour_4_initiale|texte_script:>',
|
||
|
|
'<:date_jour_5_initiale|texte_script:>','<:date_jour_6_initiale|texte_script:>','<:date_jour_7_initiale|texte_script:>'],
|
||
|
|
dateFormat: 'dd/mm/yy',
|
||
|
|
firstDay: 1,
|
||
|
|
changeMonth: true,
|
||
|
|
changeYear: true,
|
||
|
|
showOtherMonths: true,
|
||
|
|
selectOtherMonths: true,
|
||
|
|
yearRange: "c-60:c+40"
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function time_picker_options() {
|
||
|
|
return {
|
||
|
|
step: #ENV{heure_pas,30},
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function date_picker_init(){
|
||
|
|
// Initialisation du sélecteur sur les champs de date
|
||
|
|
jQuery('input.date').not('.datePicker')
|
||
|
|
.addClass('datePicker').each(function() {
|
||
|
|
// Pour chaque champ, on regarde s'il y a des options propres
|
||
|
|
var options = {showOn: 'button'};
|
||
|
|
if (jQuery(this).data('startdate')) {
|
||
|
|
options.minDate = jQuery(this).data('startdate');
|
||
|
|
}
|
||
|
|
if (jQuery(this).data('enddate')) {
|
||
|
|
options.maxDate = jQuery(this).data('enddate');
|
||
|
|
}
|
||
|
|
if (jQuery(this).data('yearrange')) {
|
||
|
|
options.yearRange = jQuery(this).data('yearrange');
|
||
|
|
}
|
||
|
|
jQuery(this)
|
||
|
|
.datepicker(jQuery.extend(date_picker_options(),options))
|
||
|
|
.trigger('datePickerLoaded')
|
||
|
|
.next('.ui-datepicker-trigger').removeAttr('title');
|
||
|
|
});
|
||
|
|
|
||
|
|
// Initialisation du sélecteur sur les champs d'heure
|
||
|
|
jQuery("input.heure").not('.timePicker')
|
||
|
|
.addClass('timePicker').each(function() {
|
||
|
|
// Pour chaque champ, on regarde s'il y a des options propres
|
||
|
|
var options = {};
|
||
|
|
if (jQuery(this).data('starttime')) {
|
||
|
|
options.startTime = jQuery(this).data('starttime');
|
||
|
|
}
|
||
|
|
if (jQuery(this).data('endtime')) {
|
||
|
|
options.endTime = jQuery(this).data('endtime');
|
||
|
|
}
|
||
|
|
if (jQuery(this).data('step')) {
|
||
|
|
options.step = jQuery(this).data('step');
|
||
|
|
}
|
||
|
|
jQuery(this)
|
||
|
|
.timePicker(jQuery.extend(time_picker_options(), options));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
var date_picker_loading;
|
||
|
|
if (window.jQuery){
|
||
|
|
jQuery(function(){
|
||
|
|
if (jQuery('input.date,input.heure').length
|
||
|
|
&& typeof date_picker_loading=="undefined"){
|
||
|
|
date_picker_loading = jQuery.getScript('[(#PRODUIRE{fond=formulaires/dateur/jquery.dateur.js}|timestamp)]');
|
||
|
|
date_picker_loading.done(function(){
|
||
|
|
date_picker_init();
|
||
|
|
onAjaxLoad(date_picker_init);
|
||
|
|
})
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
/*]]>*/</script>
|
||
|
|
<style type="text/css">
|
||
|
|
[(#INCLURE{formulaires/dateur/time_picker.css}|compacte{css})]
|
||
|
|
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 }
|
||
|
|
div.time-picker {font-size:11px; width:5em; /* needed for IE */}
|
||
|
|
.formulaire_spip input.date {width:9em;padding-[(#ENV{lang}|lang_dir|choixsiegal{ltr,right,left})]:25px;}
|
||
|
|
.formulaire_spip input.heure {width:7em;}
|
||
|
|
</style>
|