Question

我遇到了显示datetimepicker的问题。当我点击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

如果您为custom editor Templates定义了DateTime，并在那里设置了班级datepicker，请检查。你可能正在对日历控件进行明确的重复初始化。

当您使用bootstrap时，bootstrap-datepicker.js初始化具有.datepicker类的所有节点，而无需显式指令。

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

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显示两次

3 个答案: