Javascript 引导数据采集器不在服务器上工作，但在本地工作

模式中的日期选择器在服务器上不工作，但在本地主机上正常工作。下面是我的html和js代码：

Html:

模态体：

<div class="alert" role="alert" id="alertBox" style="display:none">

</div>
<div class="row">



    <div class="col-md-12">
        <form asp-action="Create_AppointmentAdmin" autocomplete="off">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input asp-for="Userid" type="hidden" id="CustId" />
            <div class="form-group">
                <label asp-for="AppointmentDay" class="control-label">Appointment Day</label>
                <input asp-for="AppointmentDay" class="form-control daterangepicker" id="Calendar_Admin" type="text" autocomplete="off"/>
                <span asp-validation-for="AppointmentDay" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="AppointmentTime" class="control-label">Appointment Time</label>

                <select asp-for="AppointmentTime" class="form-control" id="AppointmentTime">
                    <option value="">Select</option>
                </select>
                <span asp-validation-for="AppointmentTime" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Comment" class="control-label">Comments</label>
                <input asp-for="Comment" class="form-control" id="Comment" />
                <span asp-validation-for="Comment" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="button" value="Create Appointment" class="btn btn-success" id="CreateAppointmentAdmin" />
            </div>

        </form>
    </div>
</div>

预约日
预约时间
挑选
评论

我们已经尝试了多种可用的解决方案，但似乎都不起作用

我犯了什么错误吗？当服务器是一个完整的页面时，同样的代码似乎可以很好地工作

---

此问题的任何解决方案？

请检查浏览器控制台，可能是您有错误。此外，在上面的代码示例中，模型体丢失，请使用caledar输入代码添加。@MohsinMarui浏览器控制台未提供任何错误和添加的模型体代码。谢谢：）请添加此css并检查

.daterangepicker{z-index:99999！重要；}

或

#Calendar_Admin{z-index:99999！重要；}

尝试了这两种方法，但均无效

    $(document).on("click", ".AppointmentItem", function () {

        var row = $(this).closest("tr");
        idOfCust = row.find("td:first-child").text();

        var url = '/Home/Create_AppointmentAdmin';
        console.log(url);

        $('#CreateAppointmentModal').modal('show');
        $('#CreateAppointmentBody').load(url);

    });

    $('#CreateAppointmentModal').on('shown.bs.modal', function (e) {
        console.log('Entered');
        $('.daterangepicker').css('z-index', '1600');
        $(".daterangepicker").datepicker({
            dateFormat: 'dd-mm-yy',
            //onSelect: PopulateDropDown,
            minDate: 0
        });
    });

<div class="alert" role="alert" id="alertBox" style="display:none">

</div>
<div class="row">



    <div class="col-md-12">
        <form asp-action="Create_AppointmentAdmin" autocomplete="off">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input asp-for="Userid" type="hidden" id="CustId" />
            <div class="form-group">
                <label asp-for="AppointmentDay" class="control-label">Appointment Day</label>
                <input asp-for="AppointmentDay" class="form-control daterangepicker" id="Calendar_Admin" type="text" autocomplete="off"/>
                <span asp-validation-for="AppointmentDay" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="AppointmentTime" class="control-label">Appointment Time</label>

                <select asp-for="AppointmentTime" class="form-control" id="AppointmentTime">
                    <option value="">Select</option>
                </select>
                <span asp-validation-for="AppointmentTime" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Comment" class="control-label">Comments</label>
                <input asp-for="Comment" class="form-control" id="Comment" />
                <span asp-validation-for="Comment" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="button" value="Create Appointment" class="btn btn-success" id="CreateAppointmentAdmin" />
            </div>

        </form>
    </div>
</div>