$（ 「日期選擇器」）GETDATE（）不工作進入新的選項卡

Question

可能重複：
datepicker not working into new tabs

當我點擊按鈕 「添加標籤」。 jquery將爲我創建新標籤和新日期選擇器。但我無法在新的日期選擇器上獲得日期。它是空的。 如何選擇新的日期選擇器到新標籤？

我的代碼

<script> 
var tabCounter = 2, 
    tabTemplate = "<li><a href='#{href}'>#{label}</a> <span class='ui-icon ui-icon-close'>Remove Tab</span></li>"; 
var tabs = $("#tabs").tabs(); 
var tabContentHtml = $("#tabs-1").html(); 

創建日期選擇器

datepicker(); 

功能創建選擇器

function datepicker(){ 
    $(".rush").datepicker({ 
     changeMonth: true, 
     numberOfMonths: 1, 
     minDate: myDate, 
     onSelect: function(selectedDate) { 
     // day is null for new tabs 
     var day = $(".rush").datepicker('getDate').getDate(); 
     } 
    }); 
} 

添加新的選項卡時，點擊按鈕

$("#add_tab").click(function(){ 
     addTab(); 
}); 
function addTab() { 
     var label = "Tab " + tabCounter, 
      id = "tabs-" + tabCounter, 
      li = $(tabTemplate.replace(/#\{href\}/g, "#" + id).replace(/#\{label\}/g, label)); 

     tabs.find(".ui-tabs-nav").append(li); 
     tabs.append("<div id='" + id + "'><p>" + tabContentHtml + "</p></div>"); 
     tabs.tabs("refresh"); 
     // Create new datepicker into new tabs 
     datepicker(); 
     tabCounter++; 
    } 
</script> 

代碼的html

<div id="tabs"> 
<ul> 
    <li><a href="#tabs-1">Nunc tincidunt</a> <span class="ui-icon ui-icon-close">Remove Tab</span></li> 
</ul> 
<div id="tabs-1"> 
    <input type="text" class="rush" /> 
</div> 
</div> 
<button id="add_tab">Add Tab</button> 

Answer 1

嘗試通過$(this).datepicker('getDate').getDate();更換$(".rush").datepicker('getDate').getDate();避免你的函數selectiopn混亂。

function datepicker(){ 
    $(".rush").datepicker({ 
     changeMonth: true, 
     numberOfMonths: 1, 
     minDate: myDate, 
     onSelect: function(selectedDate) { 
     // day is null for new tabs 
     var day = $(this).datepicker('getDate').getDate(); 
     } 
    }); 
}