Bootstrap Datetimepicker显示两次

Question

我在显示日期时间选择器时遇到问题。当我点击 shankar 的 id 时，我得到了 datetimepicker 两次。我在下面提到了屏幕截图

 <input class="form-control date"  data-date-format="yyyy-mm-dd hh:ii" data-link-field="dtp_input1" placeholder="select to validity" name="from_validity" type="text" id="shankar" value="">

 $('#shankar').datetimepicker();

Answer 1

请检查您是否为 DateTime 定义了 custom editor Templates，并在那里设置了 class。datepicker。您可能正在对日历控件进行显式重复初始化。

当您使用 bootstrap 时，bootstrap-datepicker.js 会初始化所有具有 .datepicker class 的节点，而无需明确说明。

删除函数中的显式初始化。

source

Answer 2

此代码将帮助您：

<body>
<input class="form-control date"  data-date-format="yyyy-mm-dd hh:ii"    data-link-field="dtp_input1" placeholder="select to validity" name="from_validity" type="text" id="shankar" value="">
</body>
</html>
<script>
$("#shankar").click(function () {
    $("#shankar").datepicker('show').on('changeDate',function(ev){                 
     $('.datetimepicker').hide();
  });
});
</script>

Answer 3

你可以试试：

setTimeout(function(){
    $('.dpdatetimepicker').datetimepicker({
    startDate: new Date(start_date),
    todayBtn: "linked",
    orientation: "bottom auto",
    daysOfWeekHighlighted: "5",
    todayHighlight: true,
    autoclose: true
        });
},1000);

Bootstrap Datetimepicker显示两次

Bootstrap Datetimepicker Display twice

javascript

jquery

bootstrap-datetimepicker