2

我很难弄清楚如何动态创建 datetimepicker。我正在使用下面的代码在数据表中的单元格上动态创建 datetimepicker。当我单击一个单元格时，会在其上动态创建 datetimepicker。然后我单击其他单元格，datetimepicker 消失并在单击的单元格上创建另一个。

我正在尝试的方式是，当事件发生时，我使用带有 id 的 append 函数。请参见下面的示例代码。

<div id='textId'></div>


//when eventA occurs,
{
    $('#testId').empty();
    $('#testId').append('2019-09-01');
}
//when eventB occurs,
{
    $('#testId').empty();
    $('#testId').append(<input type="text" class="form-control"/>'
                +'<span class="input-group-addon"><span class="fa fa-calendar"></span></span>');
    $('#testId').datetimepicker({format: 'YYYY-MM-DD', date : '2019-09-02'});
}

eventA 的代码工作正常。但问题是eventB。当 eventB 第一次发生时，它工作正常。从第二次开始，datetimepicker 根本不起作用。它显示它的形式但没有日期并且不能使用日历调用按钮。

我用谷歌搜索了这个问题，发现它是关于使用相同 ID 的问题。所以我尝试使用 name 属性但以相同的结果失败。

帮我...

4

1 回答 1

0

请您尝试使用 css 类作为 datetimepicker。

<div class="col-sm-3 form-group">
    <b>Date Of Birth :*</b><br>
    <p><input placeholder="dd/mm/yyyy" class="form-control calanderDate" oninput="this.className = ''" name="dateOfBirth" id="dateOfBorth" onblur="defaultValidation(this)"></p>
    <span id="er_passportNumber" style="display: block; width:100%; float: left;"></span>
</div>

<script type="text/javascript">
jQuery(document).ready(function() {
    defaultDateValidation();
});

function defaultDateValidation(){
     $(".calenderDate").datetimepicker({ 
         dateFormat: "dd/mm/yy"
    }); 
}
</script>
于 2019-09-05T12:23:23.280 回答