0 Пользователей и 1 Гость просматривают эту тему.
  • 5 Ответов
  • 835 Просмотров
*

dm-krv

  • Завсегдатай
  • 1027
  • 28 / 0
Никак не получается на элементе input календарь вызывать.

Пробовал по всякому, ни один из вариантов не сработал:
Код
UIkit.datepicker('input').show();
UIkit.datepicker('input').trigger("show.uk.datepicker");
show.uk.UIkit.datepicker('input');

От отчаяния попробовал на input навесить атрибут data-uk-datepicker="{format:'DD.MM.YYYY'}" и уже затем имитировать на нем событие для вызова:
Код
document.querySelector('input').dispatchEvent(new Event('focus'));
И это даже сработало. Вот только работает только если вручную прописывать в консоли, если навесить этот же самый код внутрь onclick, то уже не работает и я не могу понять почему.

Огромная просьба, помогите разобраться. Согласно документации, как правильно надо вызывать календарь? Либо подскажите, почему фокус не срабатывает при запуске, через клик?

Для теста откройте эту страницу и выполните:
Код
document.querySelector('input').dispatchEvent(new Event('focus'));
Увидите, что все нормально. Но если вы навесите эту команду в виде атрибута onclick на любой из элементов страницы, то фокус перестает вызываться.
« Последнее редактирование: 25.09.2019, 12:40:38 от dm-krv »
*

fbr

  • Завсегдатай
  • 1543
  • 178 / 7
Re: Uikit ручная инициализация DatePicker
« Ответ #1 : 22.09.2019, 11:43:31 »
Не юзал, но идея такая:
Может компонент для него по умолчанию не подключен, нужно вручную?

Попробуйте в theme.config.php подключить

$this['asset']->addFile('js', 'warp:vendor/uikit/js/components/datepicker.js');
*

dm-krv

  • Завсегдатай
  • 1027
  • 28 / 0
Re: Uikit ручная инициализация DatePicker
« Ответ #2 : 22.09.2019, 11:50:12 »
Не юзал, но идея такая:
Может компонент для него по умолчанию не подключен, нужно вручную?

Попробуйте в theme.config.php подключить

$this['asset']->addFile('js', 'warp:vendor/uikit/js/components/datepicker.js');

Конечно же он подключен) Более того, он работает, если кликать по полю, но мне надо вызвать его посредством javascript, с чем у меня проблемы.
« Последнее редактирование: 22.09.2019, 13:50:52 от dm-krv »
*

dm-krv

  • Завсегдатай
  • 1027
  • 28 / 0
Re: Uikit ручная инициализация DatePicker
« Ответ #3 : 25.09.2019, 11:36:00 »
Ап.
*

dmitry_stas

  • Легенда
  • 13152
  • 1232 / 8
Re: Uikit ручная инициализация DatePicker
« Ответ #4 : 25.09.2019, 11:54:01 »
Но если вы навесите эту команду в виде атрибута onclick на любой из элементов страницы, то фокус перестает вызываться.
фокус же может быть одновременно только на одном элементе, соответственно при клике он на том элементе, на котором вы кликаете. вызовите вашу функцию через setTimeout с любым минимальным значением, хоть с 0, главное чтобы это выполнилось не в текущем loop
Тут дарят бакс просто за регистрацию! Успей получить!
Все советы на форуме раздаю бесплатно, то есть даром. Индивидуально бесплатно консультирую только по вопросам стоимости индивидуальных консультаций
*

dm-krv

  • Завсегдатай
  • 1027
  • 28 / 0
Re: Uikit ручная инициализация DatePicker
« Ответ #5 : 25.09.2019, 12:39:35 »
фокус же может быть одновременно только на одном элементе, соответственно при клике он на том элементе, на котором вы кликаете. вызовите вашу функцию через setTimeout с любым минимальным значением, хоть с 0, главное чтобы это выполнилось не в текущем loop

Ты гений!) Все работает. Честно, сам бы не допёр насчет фокуса. Огромное спасибо, это решает мою проблему.  *DRINK*
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

[РЕШЕНО]smooth scroll plugin

Автор lexxbry

Ответов: 5
Просмотров: 1292
Последний ответ 19.06.2018, 11:39:48
от dmitry_stas
Widgetkit (UIkit) слайдшоу

Автор Apoca1ypto

Ответов: 4
Просмотров: 1217
Последний ответ 14.11.2017, 12:46:34
от Apoca1ypto
Решено! Sj Basic News - сменить надпись

Автор darkghost

Ответов: 6
Просмотров: 1271
Последний ответ 26.09.2016, 11:55:51
от darkghost
(Решено) Обновление Fox Contact до версии 3.4

Автор LisADM

Ответов: 9
Просмотров: 5279
Последний ответ 28.03.2016, 14:42:00
от Endomorfin
[Решено] Вывод данных в js

Автор deminevgen

Ответов: 34
Просмотров: 2046
Последний ответ 10.01.2016, 14:13:26
от deminevgen