52 lines
1.9 KiB
JavaScript
52 lines
1.9 KiB
JavaScript
|
var initDate = function() {
|
||
|
|
function zeropad(num) { return num < 10 ? "0" + num : num }
|
||
|
|
function padAll(text, sep) {
|
||
|
|
return $.map( text.split(sep), function(value, index) {
|
||
|
|
return zeropad(parseInt(value, 10));
|
||
|
|
} ).join(sep);
|
||
|
|
}
|
||
|
|
|
||
|
|
// Hack: the 3rd-party date/time picker expects a trigger button with no
|
||
|
|
// child elements, causing bad behavior on our icon <button>s.
|
||
|
|
// jQuery can't do capturing events, so we do this raw.
|
||
|
|
document.getElementById('deliverydate')
|
||
|
|
.addEventListener('click', mungePickerTargets, true);
|
||
|
|
function mungePickerTargets(e) {
|
||
|
|
if ( $(e.target).is('#js-deliverydate-button > span') ) {
|
||
|
|
e.stopPropagation();
|
||
|
|
e.preventDefault();
|
||
|
|
e.target.parentNode.click();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
$("#js-deliverydate").pickadate({
|
||
|
|
editable: true,
|
||
|
|
format: 'yyyy-mm-dd',
|
||
|
|
|
||
|
|
trigger: document.getElementById("js-deliverydate-button"),
|
||
|
|
container: '#deliverydate .picker-output',
|
||
|
|
|
||
|
|
klass: {
|
||
|
|
picker: 'picker picker--date',
|
||
|
|
|
||
|
|
navPrev: 'picker__nav--prev fi-icon fi-arrow-left',
|
||
|
|
navNext: 'picker__nav--next fi-icon fi-arrow-right',
|
||
|
|
|
||
|
|
buttonClear: 'picker__button--clear secondary',
|
||
|
|
buttonToday: 'picker__button--today',
|
||
|
|
buttonClose: 'picker__button--close secondary'
|
||
|
|
}
|
||
|
|
}).change(function(e) {
|
||
|
|
var picker = $(e.target).pickadate('picker');
|
||
|
|
var oldValue = picker.get('select', 'yyyy-mm-dd');
|
||
|
|
var newValue = padAll(picker.get('value'), '-');
|
||
|
|
|
||
|
|
if ( oldValue !== newValue ) {
|
||
|
|
picker.set('select', newValue);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
if (document.getElementById('deliverydate')) {
|
||
|
|
initDate();
|
||
|
|
}
|