Я использую javascript datepicker Pikaday.
Функциональность по умолчанию состоит в том, чтобы прикрепить его к входу, при этом щелчок по входу загружает указатель даты, и его положение будет относительно входа.
Я хочу использовать эту библиотеку для отображения всегда видимого календаря. Я безуспешно пробовал несколько вещей, например, прикрепил его к div. Я бы хотел, чтобы он всегда отображался и мог контролировать его положение.
Любые идеи?
Сначала я также реализовал хакерское решение, но затем я нашел обычный способ сделать Pikaday datepicker всегда видимым:
var picker = new Pikaday(
{
field: document.getElementById('datepicker'),
bound: false,
container: document.getElementById('container'),
});
Вот пример: https://pikaday.com/examples/container.html
Если это поможет кому-то другому:
Поскольку библиотека Pikaday на самом деле не предназначена для использования таким образом, мне пришлось реализовать обходной путь. Хорошо то, что он не требует модификации самого кода Pikaday и, следовательно, полностью совместим с будущими версиями (при условии, что они не переименовывают функцию «скрыть»).
Сначала я просто прикрепляю средство выбора даты к пустому div и перемещаю его с помощью css, пока он не окажется в нужном месте:
var datePicker = new Pikaday({
field: $('#empty-div')[0]
});
Затем я просто проксирую функцию скрытия Pikaday и временно устанавливаю ее на noop:
var hideFun = datePicker.hide;
datePicker.hide = function() {/*noop*/}
Теперь я могу показать средство выбора даты и не беспокоиться о том, что он исчезнет со мной (поскольку внутри он вызовет новую функцию скрытия noop):
datePicker.show();
Наконец, когда я готов восстановить исходную работу datepicker, я сбрасываю функцию на исходную и скрываю datePicker (поскольку я показываю его в модальном режиме):
datePicker.hide = hideFun;
datePicker.hide();
