148 lines
5.2 KiB
JavaScript
148 lines
5.2 KiB
JavaScript
/* flatpickr v4.5.2, @license MIT */
|
|
(function (global, factory) {
|
|
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
|
|
typeof define === 'function' && define.amd ? define(factory) :
|
|
(global.rangePlugin = factory());
|
|
}(this, (function () { 'use strict';
|
|
|
|
function rangePlugin(config) {
|
|
if (config === void 0) {
|
|
config = {};
|
|
}
|
|
|
|
return function (fp) {
|
|
var dateFormat = "",
|
|
secondInput,
|
|
_secondInputFocused,
|
|
_prevDates;
|
|
|
|
var createSecondInput = function createSecondInput() {
|
|
if (config.input) {
|
|
secondInput = config.input instanceof Element ? config.input : window.document.querySelector(config.input);
|
|
} else {
|
|
secondInput = fp._input.cloneNode();
|
|
secondInput.removeAttribute("id");
|
|
secondInput._flatpickr = undefined;
|
|
}
|
|
|
|
if (secondInput.value) {
|
|
var parsedDate = fp.parseDate(secondInput.value);
|
|
if (parsedDate) fp.selectedDates.push(parsedDate);
|
|
}
|
|
|
|
secondInput.setAttribute("data-fp-omit", "");
|
|
|
|
fp._bind(secondInput, ["focus", "click"], function () {
|
|
if (fp.selectedDates[1]) {
|
|
fp.latestSelectedDateObj = fp.selectedDates[1];
|
|
|
|
fp._setHoursFromDate(fp.selectedDates[1]);
|
|
|
|
fp.jumpToDate(fp.selectedDates[1]);
|
|
}
|
|
_secondInputFocused = true;
|
|
fp.isOpen = false;
|
|
fp.open(undefined, secondInput);
|
|
});
|
|
|
|
fp._bind(fp._input, ["focus", "click"], function (e) {
|
|
e.preventDefault();
|
|
fp.isOpen = false;
|
|
fp.open();
|
|
});
|
|
|
|
if (fp.config.allowInput) fp._bind(secondInput, "keydown", function (e) {
|
|
if (e.key === "Enter") {
|
|
fp.setDate([fp.selectedDates[0], secondInput.value], true, dateFormat);
|
|
secondInput.click();
|
|
}
|
|
});
|
|
if (!config.input) fp._input.parentNode && fp._input.parentNode.insertBefore(secondInput, fp._input.nextSibling);
|
|
};
|
|
|
|
var plugin = {
|
|
onParseConfig: function onParseConfig() {
|
|
fp.config.mode = "range";
|
|
dateFormat = fp.config.altInput ? fp.config.altFormat : fp.config.dateFormat;
|
|
},
|
|
onReady: function onReady() {
|
|
createSecondInput();
|
|
fp.config.ignoredFocusElements.push(secondInput);
|
|
|
|
if (fp.config.allowInput) {
|
|
fp._input.removeAttribute("readonly");
|
|
|
|
secondInput.removeAttribute("readonly");
|
|
} else {
|
|
secondInput.setAttribute("readonly", "readonly");
|
|
}
|
|
|
|
fp._bind(fp._input, "focus", function () {
|
|
fp.latestSelectedDateObj = fp.selectedDates[0];
|
|
|
|
fp._setHoursFromDate(fp.selectedDates[0]);
|
|
_secondInputFocused = false;
|
|
fp.jumpToDate(fp.selectedDates[0]);
|
|
});
|
|
|
|
if (fp.config.allowInput) fp._bind(fp._input, "keydown", function (e) {
|
|
if (e.key === "Enter") fp.setDate([fp._input.value, fp.selectedDates[1]], true, dateFormat);
|
|
});
|
|
fp.setDate(fp.selectedDates, false);
|
|
plugin.onValueUpdate(fp.selectedDates);
|
|
},
|
|
onPreCalendarPosition: function onPreCalendarPosition() {
|
|
if (_secondInputFocused) {
|
|
fp._positionElement = secondInput;
|
|
setTimeout(function () {
|
|
fp._positionElement = fp._input;
|
|
}, 0);
|
|
}
|
|
},
|
|
onChange: function onChange() {
|
|
if (!fp.selectedDates.length) {
|
|
setTimeout(function () {
|
|
if (fp.selectedDates.length) return;
|
|
secondInput.value = "";
|
|
_prevDates = [];
|
|
}, 10);
|
|
}
|
|
|
|
if (_secondInputFocused) {
|
|
setTimeout(function () {
|
|
secondInput.focus();
|
|
}, 0);
|
|
}
|
|
},
|
|
onDestroy: function onDestroy() {
|
|
if (!config.input) secondInput.parentNode && secondInput.parentNode.removeChild(secondInput);
|
|
},
|
|
onValueUpdate: function onValueUpdate(selDates) {
|
|
if (!secondInput) return;
|
|
_prevDates = !_prevDates || selDates.length >= _prevDates.length ? selDates.concat() : _prevDates;
|
|
|
|
if (_prevDates.length > selDates.length) {
|
|
var newSelectedDate = selDates[0];
|
|
var newDates = _secondInputFocused ? [_prevDates[0], newSelectedDate] : [newSelectedDate, _prevDates[1]];
|
|
fp.setDate(newDates, false);
|
|
_prevDates = newDates.concat();
|
|
}
|
|
|
|
var _fp$selectedDates$map = fp.selectedDates.map(function (d) {
|
|
return fp.formatDate(d, dateFormat);
|
|
});
|
|
|
|
var _fp$selectedDates$map2 = _fp$selectedDates$map[0];
|
|
fp._input.value = _fp$selectedDates$map2 === void 0 ? "" : _fp$selectedDates$map2;
|
|
var _fp$selectedDates$map3 = _fp$selectedDates$map[1];
|
|
secondInput.value = _fp$selectedDates$map3 === void 0 ? "" : _fp$selectedDates$map3;
|
|
}
|
|
};
|
|
return plugin;
|
|
};
|
|
}
|
|
|
|
return rangePlugin;
|
|
|
|
})));
|