2016-12-07 163 views
0

我收到问题显示datetimepicker。当我点击shankar的id时,我得到了datetimepicker两次。我下面提到enter image description hereBootstrap 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(); 
+1

添加您的HTML结构 – Dekel

+0

你可以发表你的完整的脚本?你的脚本工作正常。 https://jsfiddle.net/gnanavelr/Lj9amwdk/1/ – vel

+1

分享完整的代码;你使用ajax加载数据然后应用这个插件? – itzmukeshy7

回答

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> 
+0

它将如何帮助? – asprin

+0

它的工作..但选定的日期和时间后,它不关闭日历 –

+0

我想今天添加todayBtn:1在今天可见的代码按钮在datetimepicker。怎么做。 –

1

截图请检查,如果你已经为DateTime定义的custom editor Templates,并设置类。那里有datepicker。它可能你正在做明确的重复初始化日历控制。

当您使用引导程序时,bootstrap-datepicker.js在没有明确指令的情况下初始化所有具有.datepicker类的节点。

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

source