Olá, tenho uma aplicação angular onde estou utilizando scripts jquery para implementar um datapiker e um timepiker, esses apresentados abaixo:
Tenho um script separado para a inicialização deles, esse apresentado abaixo:
jQuery(document).ready(function () {
$('#datepicker, .datepicker').datepicker({ dateFormat: 'dd.mm.y' });
$('.select').styler();
$('input.timepicker').timepicker({ timeFormat: 'HH:00' });
$('.radio-list__input-wrap').mousedown(function () {
changeCheck($(this));
});
$('.radio-list__input-wrap').each(function () {
changeCheckStart($(this));
});
function changeCheck(el) {
var el = el, input = el.find('input').eq(0);
if (!input.attr('checked')) {
$('.radio-list__input-wrap').each(function () {
cInput = $(this).find('input').eq(0);
if (cInput.attr('name') == input.attr('name')) {
$(this).removeClass('radio-list__item_active');
cInput.attr("checked", false);
}
});
el.addClass('radio-list__item_active');
input.attr("checked", true);
}
return true;
}
function changeCheckStart(el) {
var el = el, input = el.find('input').eq(0);
if (input.attr('checked')) {
el.addClass('active');
}
return true;
}
});
Porém essa tela não é minha tela inicial, com isso o datapiker e o timepiker só é apresentado se der F5 nessa tela presenta, assim o script iria carregar-los.
Gostaria de saber como faço para esse script ser carregado assim que essa pagina for apresentada?
Agradeço desde já