Question

我正在使用带有一个日期字段的表单的bootstrap模式。最初我面临着日期的问题，但是我设法显示引导日期选择器的方式。但是有一点问题。实际上，当我点击日期文本框时，它确实适用于第一次尝试，然后我必须单击其他一些文本框，然后再次单击日期文本框然后它可以工作。这是我的代码

具有日期文本框的模态

<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方法，当有点击事件时你不需要初始化datepicker。这可能导致了奇怪 - 一次打开，一次不打开 - 行为。

模态中的Bootstrap datepicker问题

1 个答案: