多個日期選擇器工作不正常

Question

我想使用多個datepicker.But它不能正常工作。我的問題是，當我點擊文本框的日曆，其加載後第二次點擊。否則其工作正常。我無法弄清楚這個問題。我給我下面的js代碼：

$(".datepicker").on("click",function(){ 
     $(".datepicker").datepicker(
     { 
      dateFormat: "yy-mm-dd", 
      onSelect: function (date) 
      { 
       var date = $("#dateNew").val();//alert(date); 
       var currDate = new Date(); 
      } 
     }); 

任何想法，爲什麼這是造成問題？

Answer 1

這裏是你的核心有一些變化：

$(function() { 

     $(".datepicker").datepicker(
     { 
      dateFormat: "yy-mm-dd", 
      onSelect: function (date) 
      { 
       var date = $("#dateNew").val();//alert(date); 
       var currDate = new Date(); 
      } 
     }); 

     var scntDiv = $('#p_scents'); 
     var i = $('#p_scents p').size() + 1; 

     $('#addScnt').live('click', function() { 
       $('<p><label for="p_scnts"><input type="text" id="p_scnt" size="20" class="datepicker" name="p_scnt_' + i +'" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv); 
      $("input[name=p_scnt_" + i +"]").datepicker(
      { 
       dateFormat: "yy-mm-dd", 
       onSelect: function (date) 
       { 
        var date = $("#dateNew").val();//alert(date); 
        var currDate = new Date(); 
       } 
      }); 
       i++; 

       return false; 
     }); 

     $('#remScnt').live('click', function() { 
       if(i > 2) { 
         $(this).parents('p').remove(); 
         i--; 
       } 
       return false; 
     }); 
}); 

後點擊創建datapicker相反的，我創建了一個新的，當你添加新的輸入。