Datepicker動態聲明

Question

我正在grails中開發web應用程序，我需要一些提示來解決我的問題。

<script type="text/javascript"> 
     $(document).ready(function() { 
      $.noConflict(); 
      $.datepicker.regional[""].dateFormat = 'dd.mm.yy'; 
      $.datepicker.setDefaults($.datepicker.regional['']); 
      $("input#startDate").datepicker(); 
      $("input#endDate").datepicker(); 
     }); 

    </script> 

我有名字「startDate123」和「startDate23」動態添加文本框，如何聲明他們像日期選擇器？

Answer 1

以下是您可以使用的代碼。要添加動態內容，您必須使用實時功能。 Jquery on是可以解決這個問題的替代功能。

您可以解決它的另一種方法。只需添加一個類給你動態輸入。假設calss =「datepickert」。所以你可以針對你的日期選擇器輸入如下。下面是一個例子

http://jsfiddle.net/SJ7bJ/201/

$('body').on('focus',"input#startDate, input#endDate, .datepickert", function(){ 
      $(this).datepicker(); 
}); 

下面的代碼將工作作爲替代現有的代碼

$(document).ready(function() { 
     $.noConflict(); 
     $.datepicker.regional[""].dateFormat = 'dd.mm.yy'; 
     $.datepicker.setDefaults($.datepicker.regional['']); 
     $('body').on('focus',"input#startDate, input#endDate", function(){ 
      $(this).datepicker(); 
     }); 
    });