Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.03.2016, 10:02
Интересующийся
Отправить личное сообщение для Partos Посмотреть профиль Найти все сообщения от Partos
 
Регистрация: 29.03.2016
Сообщений: 16

переинициализировать 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 в 10:08.
Ответить с цитированием
  #2 (permalink)  
Старый 29.03.2016, 17:45
Интересующийся
Отправить личное сообщение для Partos Посмотреть профиль Найти все сообщения от Partos
 
Регистрация: 29.03.2016
Сообщений: 16

Решил проблему сам изменил две функции:
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); 

 }
                               });
                }
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Интервалы дат в jQuery UI Datepicker treef jQuery 1 17.06.2016 02:24
jQuery UI Datepicker включается только со второго клика по инпуту, нужно с первого adelante jQuery 3 07.07.2012 14:53
увеличить год окончания в datepicker jQuery Scor jQuery 1 29.06.2011 02:55
jQuery DatePicker: формат даты при передаче в get запросе viko_rus jQuery 0 16.02.2011 13:33
jQuery UI datepicker -- не биндится при загрузке mkrylov jQuery 4 20.05.2009 20:36