source: spip-zone/_plugins_/orr/trunk/formulaires/reserv.html @ 71613

Last change on this file since 71613 was 71613, checked in by tofulm@…, 7 years ago

Suppression de test en jquery dans le formulaire car déjà présent dans la partie Vérifier du CVT

  • Property svn:executable set to *
File size: 3.5 KB
Line 
1<div class="formulaire_spip formulaire_#FORM">
2
3    [<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok})</p>]
4    [<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
5
6    [(#ENV{editable}|oui)
7    <form name="formulaire_#FORM" action="#ENV{action}" method="post"><div>
8
9            #ACTION_FORMULAIRE{#ENV{action}}
10            <ul>
11                <li class="editer_nom_reservation obligatoire[ (#ENV**{erreurs}|table_valeur{nom_reservation}|oui)erreur]">
12                <label for="champ_nom_reservation"><:orr_reservation:nom_de_la_reservation:></label>
13                [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{nom_reservation})</span>]
14                <input type="text" id="champ_nom_reservation" name="nom_reservation" value="[(#ENV{nom_reservation})]" />
15                <span class="error-message"></span>
16                </li>
17
18                <li class="editer_date_debut obligatoire[ (#ENV**{erreurs}|table_valeur{date_debut}|oui)erreur]">
19                <label for="date_debut"><:orr_reservation:date_de_debut:></label>
20                [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{date_debut})</span>]
21                <input type="text" id="date_debut" class="datepicker" name="date_debut" value="[(#ENV{date_debut})]" />
22                <span class="error-message"></span>
23                </li>
24
25                <li class="editer_date_fin obligatoire[ (#ENV**{erreurs}|table_valeur{date_fin}|oui)erreur]">
26                <label for="date_fin"><:orr_reservation:date_de_fin:></label>
27                [<span class='erreur_message'>(#ENV**{erreurs}|table_valeur{date_fin})</span>]
28                <input type="text" id="date_fin" class="datepicker" name="date_fin" value="[(#ENV{date_fin})]" />
29                <span class="error-message"></span>
30                </li>
31            </ul>
32                        [(#REM) ajouter les saisies supplementaires : extra et autre, a cet endroit ]
33                <!--extra-->
34            <p class="boutons"> <input type="submit" id="envoyer" class="submit" value="<:bouton_enregistrer:>" />
35            </p>
36    </div></form>
37    ]
38</div>
39
40<script>
41    $(function(){
42        $('.datepicker').datetimepicker({
43            timeFormat: 'hh:mm:ss',
44            stepHour: 1,
45            stepMinute: 15,
46            minuteGrid:15,
47            hourGrid:4,
48            addSliderAccess: true,
49                        sliderAccessArgs: { touchonly: false },
50                        onClose: function(dateText, inst) {
51                                var endDateTextBox = $('#date_fin');
52                                if (endDateTextBox.val() != '') {
53                                        var testStartDate = new Date(dateText);
54                                        var testEndDate = new Date(endDateTextBox.val());
55                                        if (testStartDate > testEndDate)
56                                        endDateTextBox.val(dateText);
57                                }
58                                else {
59                                endDateTextBox.val(dateText);
60                                }
61                        },
62                        onSelect: function (selectedDateTime){
63                                var start = $(this).datetimepicker('getDate');
64                                $('#date_fin').datetimepicker('option', 'minDate', new Date(start.getTime()));
65                        }
66            });
67         $('#date_fin').datetimepicker({
68                        onClose: function(dateText, inst) {
69                                var startDateTextBox = $('#date_debut');
70                                if (startDateTextBox.val() != '') {
71                                        var testStartDate = new Date(startDateTextBox.val());
72                                        var testEndDate = new Date(dateText);
73                                        if (testStartDate > testEndDate)
74                                                startDateTextBox.val(dateText);
75                                }
76                                else {
77                                        startDateTextBox.val(dateText);
78                                }
79                        },
80                        onSelect: function (selectedDateTime){
81                                var end = $(this).datetimepicker('getDate');
82                                $('#date_debut').datetimepicker('option', 'maxDate', new Date(end.getTime()) );
83                        }
84        });
85    });
86</script>
Note: See TracBrowser for help on using the repository browser.