Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   переинициализировать Datepicker jQuery UI (https://javascript.ru/forum/dom-window/62196-pereinicializirovat-datepicker-jquery-ui.html)

Partos 29.03.2016 10:02

переинициализировать Datepicker jQuery UI
 
День добрый прошу помощи где мне нужно произвести переинициализацию функции $("#datepicker").datepicker({ dateFormat: 'dd-mm-yy'}); что бы все работало, ума не приложу, пытался всячески.

Открывается страница и загружается таблица по AJAX в DIV

<body onload="TD ($iddate)">
<div class="news" id="TD"></div>


function TD (iddate)
                {
                               $("#TD").empty();                         
                               $.ajax({
                                         url: "/RL/Funk/TD.php",
                                         type: "POST",      
                                         data: { "iddate":iddate  },
                                         cache: false,                                     
                                         success: function(response){ $("#TD").append(response); }//загружает таблицу в DIV
  });
 }


В этой таблице имеется кнопка:
<button type='submit' name=' addrashetc ' onclick = "addrashetc(iddate)"> </button>



Функция показывает DIV как окно и добавляет в него HTML

function addrashetc (iddate)
                {
                               var popup = '#popup1';                              
                               $(popup).show();       

                               $.ajax({
                                               url: "/RL/modal/modaladdvichet.php",
                                               type: "POST",      
                                               data: { "iddate": iddate },
                                               cache: false,                                     
                                               success: function(response)
                                                   {
                           $("#news1").append(response); }
                               });
                }


/*функция закрытия*/

function Closeform(){
                var popup = '#popup1';                              
               $(popup).hide();
$("#news1").empty();
}




/*функция добавления даты*/

function plusvi(iddate){
                 var start = document.getElementById ('datepicker').value;
                       $.ajax({
                                               url: "/RL/modal/addvichetRL.php",
                                               type: "POST",      
                                               data: { "start": start },
                                               cache: false,                     
                                               success: function(response){                   
                                             Closeform();     //закрывает DIV окно
                                             TD (iddate);       // обновляет таблицу 
                                               }
                               });
                }
}


В этом DIVе как в окне есть календарь из плагина jquery-ui , кнопка закрытия этого окна, и функция добавления даты.

/*--------DIV как окно-------*/

<div hidden="" id="popup1">
<div class="news" id="news1">
<img onclick="Closeform()" src="../../images/close.gif"/>
<script>  $("#datepicker").datepicker({ dateFormat: 'dd-mm-yy'}); </script>  
<input id='datepicker' placeholder = 'ДД-ММ-ГГГГ' name='start'/>
<button type='submit' name='plusvi' onclick='plusvi(iddate)' ><img src ='/images/plus.gif'></button>
</div>
</div>


Всё работает открывается и закрывается, но есть одно НО, если я добавлю дату после обновления таблицы внесутся изменения и я снова захочу внести дату календарь уже не открывается. После обновления F5 все работает снова.

Partos 29.03.2016 17:45

Решил проблему сам изменил две функции:
function addrashetc (iddate)
                {
                               var popup = '#popup1';                              
                               $(popup).show();       

                               $.ajax({
                                               url: "/RL/modal/modaladdvichet.php",
                                               type: "POST",      
                                               data: { "iddate": iddate },
                                               cache: false,                                     
                                               success: function(response)
                                                   {
                  $("#news1").append(response); 
                  $("#datepicker").datepicker({ dateFormat: 'dd-mm-yy'});
}
                               });
                }


function plusvi(iddate){
                 var start = document.getElementById ('datepicker').value;
                       $.ajax({
                                               url: "/RL/modal/addvichetRL.php",
                                               type: "POST",      
                                               data: { "start": start },
                                               cache: false,                     
                                               success: function(response){                   
                                           
                                             TD (iddate);       
					     addrashetc (iddate); 

 }
                               });
                }
}


Часовой пояс GMT +3, время: 16:04.