datetimepicker.anubis
2.45 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
/*
* Created by PyramIDE.
* User: フランスのトトロ
* Date: 16/11/2014
* Time: 12:14
* © Calexium
*/
read xlib/web/CXM_making_a_web_site.anubis
read xlib/web/CXM_jquery.anubis
/* Initialize jQuery ui datetimepicker */
public define List(HTML_Head_Tag)
jq_ui_datetimepicker_init
=
[
css(css_file("/css/jquery/ui/datetimepicker.css")),
js(js_file("js/jquery/ui/jquery-ui-timepicker-addon.js")),
js_inline(jquery_ready("// Datepicker\n
$('.datepicker').datepicker({inline: true});
$('.datetimepicker').datetimepicker({inline: true});
"))
]
.
public define String
datetimepicker_init_js
(
String lang,
Bool add_icon
) = "
$.datetimepicker.setLocale('"+lang+"');
$('.datepicker').datetimepicker({timepicker:false,format:'Y-m-d'});
$('.datetimepicker').datetimepicker({format:'Y-m-d H:i'});
$('.timepicker').datetimepicker({datepicker:false,format:'H:i',step:5});
" + if add_icon then "
var items_add_func = function (index) {
var icon_file,
dt_picker = $(this),
icon;
if (dt_picker.hasClass('cxm-icon')) {
return;
}
if (dt_picker.hasClass('timepicker')) {
icon_file = 'icon_clock.gif';
} else {
icon_file = 'icon_calendar.gif';
}
icon = $('<img src=\"icons/16x16/'+icon_file+'\"/>');
icon.click(function () { dt_picker.datetimepicker('show'); });
icon.hover(function() { $(this).css('cursor','pointer'); });
dt_picker.after(icon);
dt_picker.addClass('cxm-icon');
};
$('.datepicker').each(items_add_func);
$('.datetimepicker').each(items_add_func);
$('.timepicker').each(items_add_func);
" else "".
/* Initialize jQuery datetimepicker */
public define List(HTML_Head_Tag)
jq_datetimepicker_init
(
String lang,
Bool add_icon
)
=
[
css(css_file("js/jquery/plug-in/datetimepicker/datetimepicker.css")),
js(js_file("js/jquery/plug-in/datetimepicker/datetimepicker.min.js")),
js_inline(jquery_ready(datetimepicker_init_js(lang, add_icon)))
]
.
public define List(HTML_Head_Tag)
jq_datetimepicker_init
(
String lang
)
= jq_datetimepicker_init(lang, true).