Bootstrap Datetimepicker显示两次

问题描述 投票：0回答：3

我遇到了显示datetimepicker的问题。当我点击shankar的id时，我得到了datetimepicker两次。我提到了enter image description here下面的截图

 <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();
javascript jquery bootstrap-datetimepicker
3个回答
1
投票

此代码将帮助您：

<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>
1
投票

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

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

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

source

0
投票

你可以试试：

setTimeout(function(){
    $('.dpdatetimepicker').datetimepicker({
    startDate: new Date(start_date),
    todayBtn: "linked",
    orientation: "bottom auto",
    daysOfWeekHighlighted: "5",
    todayHighlight: true,
    autoclose: true
        });
},1000);
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.