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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
jQuery.timepicker.log = jQuery.noop; // that's ugly, but the timepicker is acting weird and throws parsing errors
jQuery.fn.pwgDatepicker = function(settings) {
var options = jQuery.extend(true, {
showTimepicker: false,
cancelButton: false,
}, settings || {});
return this.each(function() {
var $this = jQuery(this),
originalValue = $this.val(),
originalDate,
$target = jQuery('[name="'+ $this.data('datepicker') +'"]'),
linked = !!$target.length,
$start, $end;
if (linked) {
originalValue = $target.val();
}
// custom setter
function set(date, init) {
if (date === '') date = null;
$this.datetimepicker('setDate', date);
if ($this.data('datepicker-start') && $start) {
$start.datetimepicker('option', 'maxDate', date);
}
else if ($this.data('datepicker-end') && $end) {
if (!init) { // on init, "end" is not initialized yet (assuming "start" is before "end" in the DOM)
$end.datetimepicker('option', 'minDate', date);
}
}
if (!date && linked) {
$target.val('');
}
}
// and custom cancel button
if (options.cancelButton) {
options.beforeShow = options.onChangeMonthYear = function() {
setTimeout(function() {
var buttonPane = $this.datepicker('widget')
.find('.ui-datepicker-buttonpane');
if (buttonPane.find('.pwg-datepicker-cancel').length == 0) {
$('<button type="button">'+ options.cancelButton +'</button>')
.on('click', function() {
set(originalDate, false);
$this.datepicker('hide').blur();
})
.addClass('pwg-datepicker-cancel ui-state-error ui-corner-all')
.appendTo(buttonPane);
}
}, 1);
};
}
// init picker
$this.datetimepicker(jQuery.extend({
dateFormat: linked ? 'DD d MM yy' : 'yy-mm-dd',
timeFormat: 'HH:mm',
altField: linked ? $target : null,
altFormat: 'yy-mm-dd',
altTimeFormat: options.showTimepicker ? 'HH:mm:ss' : '',
autoSize: true,
changeMonth : true,
changeYear: true,
yearRange: 'c-80:c+20',
altFieldTimeOnly: false,
showSecond: false,
alwaysSetTime: false
}, options));
// attach range pickers
if ($this.data('datepicker-start')) {
$start = jQuery('[data-datepicker="'+ $this.data('datepicker-start') +'"]');
$this.datetimepicker('option', 'onClose', function(date) {
$start.datetimepicker('option', 'maxDate', date);
});
$this.datetimepicker('option', 'minDate', $start.datetimepicker('getDate'));
}
else if ($this.data('datepicker-end')) {
$end = jQuery('[data-datepicker="'+ $this.data('datepicker-end') +'"]');
$this.datetimepicker('option', 'onClose', function(date) {
$end.datetimepicker('option', 'minDate', date);
});
}
// attach unset button
if ($this.data('datepicker-unset')) {
jQuery('#'+ $this.data('datepicker-unset')).on('click', function(e) {
e.preventDefault();
set(null, false);
});
}
// set value from linked input
if (linked) {
var splitted = originalValue.split(' ');
if (splitted.length == 2 && options.showTimepicker) {
set(jQuery.datepicker.parseDateTime('yy-mm-dd', 'HH:mm:ss', originalValue), true);
}
else if (splitted[0].length == 10) {
set(jQuery.datepicker.parseDate('yy-mm-dd', splitted[0]), true);
}
else {
set(null, true);
}
}
originalDate = $this.datetimepicker('getDate');
// autoSize not handled by timepicker
if (options.showTimepicker) {
$this.attr('size', parseInt($this.attr('size'))+6);
}
});
};
|
