Здравствуйте, помогите разобраться
есть поле в форме
 <div class="dat">
    <label class="" for="data">Дата</label>
         <input  type="text" name="data"  value="[[+hi.data]]"  id="data" placeholder=" ">
         <i uk-icon="icon: calendar; ratio: 1" class="uk=icon"></i>
 </div>

к ней цепляется скрипт
<script src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.3/themes/sunny/jquery-ui.css">    
<script src="assets/tmp/js/jquery-ui-i18n.min.js"></script>

<script>
$(function() {
	
    $('#data').datepicker($.datepicker.regional["ru"]);

});
</script> 


но он упорно не хочет работать в модальном окне

и похожая ситуация идет с маской для телефона
<script src="assets/tmp/js/jquery.mask.min.js"></script>
<script>
$(function() {
  $("#phone").mask("+7(000)000-00-00", {
    placeholder: "+7(___)___-__-__",
    clearIfNotMatch: true
  });
});
</script>

Как все это заставить работать в модальном окне?

Заранее спасибо отозвавшимся.