datepicker 不适用于动态创建的表行答案

【问题标题】：datepicker is not working for dynamicaly created table rowsdatepicker 不适用于动态创建的表行
【发布时间】：2013-11-19 15:44:36
【问题描述】：

我尝试实现为用户提供动态创建行。行已成功创建，但 datepicker 归档不工作。我的代码如下：

    <tr id="input_row_0" class="input_row"> 
        <td> <sj:datepicker theme="simple" name="productionDate" displayFormat="ymmdd" maxlength="6" size="8" showButtonPanel="false"/> </td> 
        <td> <s:textfield name="productName" /></td>
    </tr>
    <tr id="add_new"> 
        <td colspan="4" align="right"> Add New Rows </td>
    </tr>

以及用于添加动态行的 javascript/jquery 代码：

$(function(){
    // Add New Row    
    var counter = 1;  
   $( "#add_new" ).click(function() {
        var html = '<tr id="input_row_'+counter+'" class="input_row" >'+$("#input_row_0").html()+"</tr>"; 
        $('.input_row:last').after(html) ; 
        $('.input_row:last button').attr('alt', 'input_row_'+counter) ; 

          counter++; 
    }); 
    });

谁能建议我必须更改代码的哪一部分以便datepicker 可以工作？

[注意：我正在处理 JSP 页面，这里使用的是 Struts 2]

【问题讨论】：

“日期选择器不工作”没有任何意义。不弹出？没有为 SQL 查询生成格式正确的日期？...
它没有弹出日期。但是通过手动输入日期选择器字段可以正常工作。
可能您需要设置 showOn 和/或 showOptions 属性。 code.google.com/p/struts2-jquery/wiki/DatePickerTag
我也试过了。但还是同样的问题。
JSP 标签在服务器端呈现。你不能在客户端上渲染它。

标签： jquery jsp struts2 datepicker struts2-jquery

【解决方案1】：

您必须在新创建的对象上显式调用.datePicker()。

例如

$('.input_row:last button').datepicker({
      showButtonPanel: true,
      showOn: "both",
      buttonImageOnly: true,
      buttonImage: "calendar.gif",
      buttonText: "Calendar",
      altFormat: "yy-mm-dd"
    });

Reference

Documentation

【讨论】：