模态中的Bootstrap Datepicker问题

Question

我正在使用具有一个日期字段形式的引导模式。 最初我遇到日期问题，但是我设法以一种方式或其他方式显示了引导日期选择器。 但是有一个小问题。 实际上，当我单击日期文本框时，第一次尝试不起作用，然后我必须单击一些其他文本框，然后再次在日期文本框中单击返回，然后它才能工作。 这是我的代码

具有日期的模态文本框

<input onClick="display_date()" size="16" type="text" value="" id="expiry_date" data-date="" data-date-format="dd-mm-yyyy" readonly>

js文件

function display_date(){
$('#expiry_date').datetimepicker({
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0
});

}

我也试图在模式下使用js代码，但没有下面给出的函数，但是它不起作用

<script type="text/javascript">
$('#expiry_date').datetimepicker({
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    minView: 2,
    forceParse: 0
});

Answer 1

当实际渲染datepicker元素时，您需要调用datepicker（）。 这意味着何时渲染带有元素的模态。

如有必要，在

$('#expiry_date').datetimepicker ，并确保DOM中存在该元素。

删除onclick方法，当发生click事件时，无需初始化日期选择器。 这可能导致奇怪的行为（一次打开，一次不打开）。