Пожалуйста, обратите внимание на мою jsFiddle:Невозможно получить JQuery UI DatePicker появляться на двух вкладках
https://jsfiddle.net/MrSnrub/w8rem1be/
Два datepickers и успешно появляются на первой вкладке («Stock Price»). Но ни один из них не отображается на второй вкладке «Перемещение процентов». Тем не менее, они оба называют с использованием относительно подобный код (как часть процесса создания объекта Highstock):
Первый набор datepickers:
function(chart) {
// apply the date pickers
setTimeout(function() {
$('input.highcharts-range-selector', $('#tabs-1')).datepicker()
}, 0)
});
Второй набор datepickers:
function(chart) {
// apply the date pickers
setTimeout(function() {
$('input.highcharts-range-selector', $('#tabs-2')).datepicker()
}, 0)
});
Что я делаю неправильно во втором вызове функции?
Похоже, ваши даты и времени входа на второй вкладке не может быть найден. Посмотрите изображение с консоли. Первый возвращает ожидаемые входы, второй возвращает null, и, следовательно, вы не создаете сборщик datetime. Похоже, что у ваших входов нет необходимых классов. Если вы наберете $ ('input', $ ('# tabs-2')) в консоли, вы увидите, что есть только один элемент ввода, а один из них имеет тип «скрытый». Спасибо @Barmar за указание на это больше в форме комментариев. – Nesaje