-
Notifications
You must be signed in to change notification settings - Fork 6
/
angular-pikaday.js
143 lines (126 loc) · 4.56 KB
/
angular-pikaday.js
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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
(function(context, factory) {
'use strict';
var moment,
angular,
Pikaday;
if (typeof exports === 'object') {
// CommonJS module
// Load moment.js as an optional dependency
try { moment = require('moment'); } catch (e) {}
// angular and Pikaday actually required
angular = require('angular');
Pikaday = require('pikaday');
module.exports = factory.call(context, angular, moment, Pikaday);
} else if (typeof define === 'function' && define.amd) {
// AMD. Register as an anonymous module.
define(function (req)
{
try { moment = req('moment'); } catch (e) {}
angular = require('angular');
Pikaday = require('pikaday');
return factory.call(context, angular, moment, Pikaday);
});
} else {
// Everything attached to root window context
context.Pikaday = factory.call(context, context.angular, context.moment, context.Pikaday);
}
}(this, function (angular, moment, Pikaday) {
'use strict';
angular.module('angular-pikaday', [])
.constant('pikaconfig', {
// Simple observer pattern to allow outsiders to change Pikaday options
pikadayObservers: [],
updatePikadayOptions: function() {
angular.forEach(this.pikadayObservers, function(callback) {
callback();
});
},
option_overrides: {}
})
.directive('pikaday', ['pikaconfig', function(pikaconfig) {
var timeTokens = ['H', 'HH', 'h', 'hh', 'a', 'A', 's', 'ss', 'S', 'SS', 'SSS', 'Z', 'ZZ', 'LLL', 'LLLL', 'lll', 'llll'];
return {
require: '?ngModel',
restrict: 'A', // A = Attribute
link: function(scope, inputElement, attrs, ngModel) {
// Setup Pikaday
var options = {
field: inputElement[0],
showTime: !!attrs.pikaday.match(timeTokens.join('|'))
};
if (ngModel) {
options.onSelect = function( selectedDate ) {
scope.$apply(function() {
ngModel.$setViewValue(selectedDate);
});
};
}
// Attach picker to element
inputElement[0]._pikaday = new Pikaday( options );
var picker = inputElement[0]._pikaday;
// We need to update our options
// Using observer pattern so as not to pollute scope or add a bunch of watches
var optionUpdateCallback = function() {
angular.extend(picker._o, pikaconfig.option_overrides);
inputElement.val(picker.toString());
};
pikaconfig.pikadayObservers.push(optionUpdateCallback);
// Clean up Pikaday when this directive instance is destroyed
scope.$on('$destroy', function() {
picker.destroy();
// Remove self from observables
pikaconfig.pikadayObservers.splice(
pikaconfig.pikadayObservers.indexOf(optionUpdateCallback), 1
);
});
// Allow date format to be set and dynamically changed
attrs.$observe('pikaday', function(format) {
if (format) {
picker._o.format = format;
if(!pikaconfig.option_overrides.inputFormats) {
picker._o.inputFormats = picker._o.format;
}
inputElement.val(picker.toString());
picker._o.showTime = !!format.match(timeTokens.join('|'));
if (ngModel) {
ngModel.$validate();
}
}
});
if (ngModel) {
// Incoming from model changes, revalidate and force a date type
ngModel.$formatters.push(function(value) {
if (angular.isDate(value)) {
picker.setDate(value, true);
return picker.toString();
}
return '';
});
// Outgoing... usually from $setViewValue, again ensuring a date
ngModel.$parsers.push(function(value) {
if (ngModel.$isEmpty(value)) {
ngModel.$setValidity('pikaday', true);
return null;
}
var m;
if (typeof moment === 'function') {
if(picker._o.inputFormats && !(value instanceof Date)) {
m = moment(value, picker._o.inputFormats);
} else {
m = moment(value);
}
}
if (m && m.isValid()) {
ngModel.$setValidity('pikaday', true);
return m.toDate();
}
ngModel.$setValidity('pikaday', false);
return undefined;
});
}
// Call all update options when spinning up pikaday instance
pikaconfig.updatePikadayOptions();
}
};
}]);
}));