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(); 
     }); 
    });