我想在我使用的模板上使用 JQuery 日期选择器，但由于模板中集成了 JQuery Core 文件，我无法让它工作

Question

更新：我已经从代码中删除了$.noConflict((;行，发生的事情是模板中的所有其他JQuery文件都不起作用，除了自定义JQuery日期选择器文件之外的所有文件 I

我只希望 JQuery 日期选择器 + 我的自定义代码在那里工作，但我无法让它工作。可能是因为一个站点中的两个 JQuery 文件。我已经阅读了有关noConflict函数的信息，但我认为我无法使其正常工作。

这是我关于我使用的noConflict的代码：

<!-- Datepicker Conflict Js -->
    <script type="text/javascript" src = "js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src = "js/jquery-ui.js"></script>
    <!-- Datepicker JavaScript function -->
    <script type="text/javascript">
         $.noConflict();
         $(function() {
            $("#checkInDate").datepicker({
                dateFormat: "mm/dd/yy",
                minDate: 0,
                onSelect: function(dateText, inst) {
                    var d = $.datepicker.parseDate(inst.settings.dateFormat, dateText);
                    d.setDate(d.getDate() + 1);
                    $("#checkOutDate").val($.datepicker.formatDate(inst.settings.dateFormat, d));
                },
            }).datepicker("setDate", new Date());

            $("#checkOutDate").datepicker({
                dateFormat: "mm/dd/yy",
                minDate: 0
            }).datepicker("setDate", +1);
        });
</script>

Answer 1

仔细检查您的安装位置。尝试使用文档的源代码，看看是否有效。

https://jqueryui.com/datepicker/