49 lines
1.3 KiB
JavaScript
49 lines
1.3 KiB
JavaScript
|
Ox.DateTimeInput = function(options, self) {
|
||
|
|
|
||
|
|
var self = self || {},
|
||
|
|
that = new Ox.Element({}, self)
|
||
|
|
.defaults({
|
||
|
|
ampm: false,
|
||
|
|
format: 'short',
|
||
|
|
seconds: false,
|
||
|
|
value: Ox.formatDate(new Date(), '%F %T'),
|
||
|
|
weekday: false
|
||
|
|
})
|
||
|
|
.options(options || {});
|
||
|
|
|
||
|
|
self.values = self.options.value.split(' ');
|
||
|
|
//Ox.print(self.values)
|
||
|
|
|
||
|
|
that = new Ox.InputGroup({
|
||
|
|
inputs: [
|
||
|
|
new Ox.DateInput({
|
||
|
|
format: self.options.format,
|
||
|
|
id: 'date',
|
||
|
|
value: self.values[0],
|
||
|
|
weekday: self.options.weekday
|
||
|
|
}),
|
||
|
|
new Ox.TimeInput({
|
||
|
|
ampm: self.options.ampm,
|
||
|
|
id: 'time',
|
||
|
|
value: self.values[1],
|
||
|
|
seconds: self.options.seconds
|
||
|
|
})
|
||
|
|
],
|
||
|
|
separators: [
|
||
|
|
{title: '', width: 8}
|
||
|
|
],
|
||
|
|
value: self.options.value
|
||
|
|
})
|
||
|
|
.bindEvent('change', setValue);
|
||
|
|
|
||
|
|
function setValue() {
|
||
|
|
self.options.value = [
|
||
|
|
self.options('inputs')[0].options('value'),
|
||
|
|
self.options('inputs')[1].options('value')
|
||
|
|
].join(' ');
|
||
|
|
}
|
||
|
|
|
||
|
|
return that;
|
||
|
|
|
||
|
|
};
|