启动日期选择器无法使用AJAX加载(）

Bootstrap datepicker not working with AJAX load()

本文关键字：AJAX 加载 日期 选择器 启动      更新时间：2023-09-26

我有一个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
});

这并没有显示日历，我试图寻找答案，但之前提到的解决方案都没有帮助。有人能告诉我我做错了什么吗？或者需要做什么才能让日期选择器在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加载的页面配合使用吗？

加载后尝试初始化datepicker：

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

希望这能有所帮助。

可能有一些js库干扰了您的代码。

为引导程序日期选择器尝试此操作

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