1 | // JavaScript Document |
---|
2 | |
---|
3 | $(document).ready(init); |
---|
4 | function init() |
---|
5 | { |
---|
6 | |
---|
7 | // OPTIONALLY SET THE DATE FORMAT FOR ALL DATE PICKERS ON THIS PAGE |
---|
8 | $.datePicker.setDateFormat('ymd', '-'); |
---|
9 | |
---|
10 | // OPTIONALLY SET THE LANGUAGE DEPENDANT COPY IN THE POPUP CALENDAR |
---|
11 | /**/ |
---|
12 | $.datePicker.setLanguageStrings( |
---|
13 | ['Dimanche', 'Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi'], |
---|
14 | ['Janvier', 'Février', 'Mars', 'Avril', 'Mai', 'Juin', 'Juillet', 'Août', 'Septembre', 'Octobre', 'Novembre', 'Décembre'], |
---|
15 | {p:'Précèdent', n:'Suivant', c:'Fermer', b:'Choisir cette date'} |
---|
16 | ); |
---|
17 | |
---|
18 | |
---|
19 | // DIFFERENT OPTIONS SHOWING HOW YOU MIGHT INITIALISE THE DATE PICKER (UNCOMMENT ONE AT A TIME) // |
---|
20 | |
---|
21 | // all inputs with a class of "date-picker" have a date picker which lets you pick any date in the future |
---|
22 | //$('input.date-picker').datePicker(); |
---|
23 | // OR |
---|
24 | // all inputs with a class of "date-picker" have a date picker which lets you pick any date after 05/03/2006 |
---|
25 | //$('input.date-picker').datePicker({startDate:'05/03/2006'}); |
---|
26 | // OR |
---|
27 | // all inputs with a class of "date-picker" have a date picker which lets you pick any date from today till 05/011/2006 |
---|
28 | //$('input.date-picker').datePicker({endDate:'05/11/2006'}); |
---|
29 | // OR |
---|
30 | // all inputs with a class of "date-picker" have a date picker which lets you pick any date from 05/03/2006 till 05/11/2006 |
---|
31 | //$('input.date-picker').datePicker({startDate:'05/03/2006', endDate:'05/11/2006'}); |
---|
32 | // OR |
---|
33 | // the input with an id of "date" will have a date picker that lets you pick any day in the future... |
---|
34 | //$('input#date').datePicker(); |
---|
35 | // ...and the input with an id of "date2" will have a date picker that lets you pick any day between the 02/11/2006 and 13/11/2006 |
---|
36 | $('input#date').datePicker({startDate:'01-01-2000'}); |
---|
37 | |
---|
38 | /* |
---|
39 | // testing code to check the change event is fired... |
---|
40 | $('input#date1').bind( |
---|
41 | 'change', |
---|
42 | function() |
---|
43 | { |
---|
44 | alert($(this).val()); |
---|
45 | } |
---|
46 | ); |
---|
47 | */ |
---|
48 | |
---|
49 | // END DIFFERENT OPTIONS // |
---|
50 | } |
---|