java - 日期选择器不显示使用 TemplateBuilder 动态创建的行

Question

我被困在代码中的某个部分，我试图使用 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>

我的输出运行能够使用数据库中的值捕获日期选择器 ID(在 Firebug 检查控制台上:例如，对于特定运行:日期选择器的 ID 被分配为 EstStartDt_1142 )，如预期的那样，但单击时日期选择器未显示。

Answer 1

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

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