Datepicker 未显示给使用 TemplateBuilder 动态创建的行答案

【问题标题】：Datepicker not showing to Dynamically created rows using TemplateBuilderDatepicker 未显示给使用 TemplateBuilder 动态创建的行
【发布时间】：2014-11-10 10:12:59
【问题描述】：

我被困在我的代码中，我试图使用 TemplateBulider 生成一个动态行，其中一个字段作为日期选择器。

TemplateBuilder 中显示数据选择器文件的部分：

<link href="/assets/bootstrap_assets/xeditable/css/bootstrap-editable.css" rel="stylesheet" type="text/css" media="screen"/>
<script type="text/javascript" src="/assets/bootstrap_assets/xeditable/js/bootstrap-editable.min.js"></script>

<tr>

    <td>{BlockId}</td>
    <td> <input type="text" placeholder="click to show datepicker"  id="EstStartDt_{BlockId}" class="form-control input-sm" value=""/> </td>

</tr>

<script type="text/javascript">
    // When the document is ready
    $(document).ready(function () {
        $("#EstStartDt_{BlockId}.").datepicker({
            format: "mm/dd/yyyy"
        });  
    });
</script>

我的输出运行能够使用数据库中的值捕获 datepicker id（在 firebug 检查控制台上：例如，对于特定运行：datepicker 的 ID 被分配为 EstStartDt_1142 ），正如预期的那样，但 datepicker 在单击时未显示.

【问题讨论】：

使用类选择器并像这样应用日期选择器 - $(".form-control input-sm").datepicker({ format: "mm/dd/yyyy" });
感谢您的回复。试过这个选项。还是一样。日期选择器未触发。

标签： java jquery html datepicker

【解决方案1】：

这终于对我有用了。我已将它添加到我的主脚本中。

<script type="text/javascript">
    $('body').on('focus',".datepick", function(){
        $(this).datepicker();
    });
</script>

【讨论】：