Bootstrap Datepicker無法與AJAX load（）一起使用

Question

我有一個加載的AJAX頁面users.php 。 每次單擊“用戶”選項卡時，都會調用以下功能：

function users(){
    var id = document.getElementById("usersstab");
    $("#users").load("load.php");
    $("#users").load("users.php");
}

在users.php中，我有一個隱藏的表單。 該表格僅在單擊“添加用戶”按鈕時顯示。 在這種形式下，我有一個出生日期字段，我想使用datepicker() 。

<input id="dobofsubuser" type="text" name="subuserdob" class="form-control" />

我在主頁（父頁面）的頁腳處調用此函數：

$('#dobofsubuser').datepicker({
    format: "yyyy-mm-dd",
    endDate: "Current Date",
    startView: 2
});

這沒有顯示日歷，我已經嘗試尋找答案，但是到目前為止，前面提到的解決方案都沒有幫助。 有人可以告訴我我做錯了什么或需要做什么才能使datepicker在load() ？ 提前致謝！

這是我的腳本的順序：

        <script src="js/modernizr-2.6.2.min.js"></script>
        <script src="http://code.jquery.com/jquery.js"></script>
        <script src="js/bootstrap.min.js"></script> 
        <script src="js/validetta.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="js/jquery.mask.min.js"></script>
        <script src="js/sweet-alert.min.js"></script>
        <script src="js/bootstrap-datepicker.min.js"></script>
        <script type="text/javascript" src="http://js.stripe.com/v2/"></script>

如果這里沒有解決方案，請問有人可以推薦一個替代日歷插件，該插件可以很好地加載ajax頁面嗎？

Answer 1

嘗試在加載后初始化datepicker ：

$("#users").load("users.php", function() {
    $('#dobofsubuser').datepicker({
        format: "yyyy-mm-dd",
        endDate: "Current Date",
        startView: 2
    });
});

希望這可以幫助。

Answer 2

可能有一些js庫正在干擾您的代碼。

試試這個引導日期選擇器

$(document).ready(function () {
    var datepicker = $.fn.datepicker.noConflict();
    $.fn.bootstrapDP = datepicker;  
    $("#datepicker").bootstrapDP({  format: 'yyyy-mm-dd'});  
});