2016-12-07 164 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