模態中的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事件時，無需初始化日期選擇器。 這可能導致奇怪的行為（一次打開，一次不打開）。