文章/答案/技术大牛

发布

社区首页 >问答首页 >datepicker不适用于动态创建的表行

问datepicker不适用于动态创建的表行
EN

Stack Overflow用户

提问于 2013-11-19 23:44:37

回答 1查看 1.1K关注 0票数 0

我尝试实现为用户提供动态创建行的功能。已成功创建行，但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页面，这里使用Struts2

datepicker

struts2-jquery

jquery

jsp

struts2

回答 1

Stack Overflow用户

发布于 2013-12-12 05:53:02

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

例如

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

Reference

Documentation

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20075874

复制

相似问题

问datepicker不适用于动态创建的表行
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问datepicker不适用于动态创建的表行EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问datepicker不适用于动态创建的表行
EN