macro_datepicker.html
1 <#-- -------------- jQuery UI Datepicker --------------
2 # More information for jQuery UI Datepicker usage :
3 # http://docs.jquery.com/UI/Datepicker
4 # http://marcgrabanski.com/code/ui-datepicker/
5 # ---------------- Bootstrap datepicker ------------
6 # http://www.eyecon.ro/bootstrap-datepicker/
7 -->
8 <#-- getDatePicker
9 # Get a simple datepicker
10 # idField The id of the text field
11 # language The locale language
12 #
13 # Implementation example :
14 # <input type="text" name="my_date" id="my_date" />
15 # <@getDatePicker idField="my_date" language=locale.language />
16 #
17 -->
18 <#-- New Bootstrap Date picker to use -->
19 <#macro getDatePickerBootstrap idField language parse="false" showFormat='d-m-Y' format=''>
20 <script src="js/admin/bootstrap-datepicker.js"></script>
21 <script src="js/admin/locales/bootstrap-datepicker.<@getRegional language=language />.js" charset="utf-8"></script>
22 <script charset="utf-8">
23 $(document).ready( function() {
24 <#-- boostrap version -->
25 $('#${idField}').datepicker({language: '<@getRegional language=language />', autoclose: true, forceParse: ${parse}});
26 });
27 </script>
28 </#macro>
29 <#macro getDatePickerBootstrapClass idForm language >
30 <script src="js/admin/bootstrap-datepicker.min.js"></script>
31 <script src="js/admin/locales/bootstrap-datepicker.<@getRegional language=language />.js" charset="utf-8"></script>
32 <script charset="utf-8">
33 $(document).ready( function() {
34 <#-- boostrap version -->
35 $("#${idForm} .dtBootstrap").datepicker({language: '<@getRegional language=language />', autoclose: true});
36 });
37 </script>
38 </#macro>
39 <#-- Deprecated -->
40 <#macro getDatePicker idField language >
41 <script src="js/admin/jquery/plugins/ui/jquery-ui.min.js"></script>
42 <script src="js/admin/jquery/plugins/ui/ui.datepicker-fr.js"></script>
43 <script charset="utf-8">
44 $(document).ready(function(){
45 $('#${idField}').datepicker({language: '<@getRegional language=language />'});
46 });
47 </script>
48 </#macro>
49 <#-- Deprecated -->
50 <#-- getDatePickerRange
51 # Get a datepicker range
52 # idFieldFrom The id of the 'from' text field
53 # idFieldTo The id of the 'to' text field
54 # language The locale language
55 #
56 # Implementation example :
57 # <input type="text" name="document_validity_begin" id="document_validity_begin" size="10" />
58 # <input type="text" name="document_validity_end" id="document_validity_end" size="10" />
59 # <@getDatePickerRange idFieldFrom="document_validity_begin" idFieldTo="document_validity_end" language=locale.language />
60 #
61 -->
62 <#-- New Bootstrap Date range picker to use -->
63 <#macro getDatePickerRangeBootstrap language showFormat='d-m-Y'>
64 <script src="js/admin/bootstrap-datepicker.js"></script>
65 <script src="js/admin/locales/bootstrap-datepicker.<@getRegional language=language />.js" charset="utf-8"></script>
66 <script charset="utf-8">
67 $(document).ready( function() {
68 <#-- The range must be defined with a <div class="input-daterange">..</div> englobing 2 input fields as shown beside.
69 Example:
70 <div class="input-daterange">
71 <div class="col-xs-12 col-sm-4">
72 <input type="text" name="date_begin" id="date_begin" value="" class="form-control">
73 </div>
74 <div class="col-xs-12 col-sm-4">
75 <strong>#i18n{labelDateEnd}</strong>
76 </div>
77 <div class="col-xs-12 col-sm-4">
78 <input type="text" name="date_end" id="date_end" value="" class="form-control">
79 </div>
80 </div>
81 -->
82 $('.input-daterange').datepicker({language: "<@getRegional language=language />", autoclose: true});
83 });
84 </script>
85 </#macro>
86 <#-- Deprecated -->
87 <#macro getDatePickerRange idFieldFrom idFieldTo language showFormat='d-m-Y'>
88 <script src="js/admin/jquery/plugins/ui/jquery-ui.min.js"></script>
89 <script src="js/admin/jquery/plugins/ui/ui.datepicker-fr.js"></script>
90 <script charset="utf-8">
91 $(document).ready(function() {
92 <#-- <@setDefaultsDatePicker /> -->
93 $('#${idFieldFrom}').datepicker();
94 $('#${idFieldTo}').datepicker({beforeShow: customRange}, $.extend({showStatus: true}));
95 // Customize two date pickers to work as a date range
96 function customRange(input) {
97 $.datepicker.setDefaults($.datepicker.regional['<@getRegional language=language />']);
98 return {minDate: (input.id == '${idFieldTo}' ? $('#${idFieldFrom}').datepicker('getDate') : null),
99 maxDate: (input.id == '${idFieldFrom}' ? $('#${idFieldTo}').datepicker('getDate') : null)};
100 }
101 $('.${idFieldFrom}').datepicker({language: '<@getRegional language=language />'});
102 });
103 </script>
104 </#macro>
105 <#-- ------------ Privates macro --------------- -->
106 <#-- setDefaultsDatePicker
107 # This macro should not be called directly
108 #
109 -->
110 <#macro setDefaultsDatePicker >
111 $.datepicker.setDefaults({showOn: 'button', buttonImageOnly: true,
112 buttonImage: 'js/admin/jquery/plugins/ui/datepicker/calendar.png', buttonText: 'Calendar',
113 showAnim: 'slideDown', speed: 'fast'});
114 </#macro>
115 <#-- getRegional
116 # This macro should not be called directly
117 #
118 -->
119 <#macro getRegional language><#if !('${language}'=='en')>${language}</#if></#macro>
120 <#-- -------------- jQuery UI Datepicker --------------
121 # More information for jQuery UI Datepicker usage :
122 # http://docs.jquery.com/UI/Datepicker
123 # http://marcgrabanski.com/code/ui-datepicker/
124 -->
125 <#-- getDatePicker
126 # Get a simple datepicker
127 # idField The id of the text field
128 # language The locale language
129 #
130 # Implementation example :
131 # <input type="text" name="my_date" id="my_date" />
132 # <@getDatePicker idField="my_date" language=locale.language />
133 #
134 -->
135 <#-- getDatePickerRange
136 # Get a datepicker range
137 # idFieldFrom The id of the 'from' text field
138 # idFieldTo The id of the 'to' text field
139 # language The locale language
140 #
141 # Implementation example :
142 # <input type="text" name="document_validity_begin" id="document_validity_begin" size="10" />
143 # <input type="text" name="document_validity_end" id="document_validity_end" size="10" />
144 # <@getDatePickerRange idFieldFrom="document_validity_begin" idFieldTo="document_validity_end" language=locale.language />
145 #
146 -->