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>

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

Answer 1

这最终对我有用。我在主脚本中添加了它。

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

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

1 个答案: