Question

我的模式中的Datepicker在服务器上不起作用，但在localhost上可以正常工作。下面是我的html和js代码：

HTML：

<div class="modal fade" id="CreateAppointmentModal">
<div class="modal-dialog">
    <div class="modal-content">

        <!-- Modal Header -->
        <div class="modal-header">
            <h4 class="modal-title">Create Appointment</h4>
            <button type="button" class="close" data-dismiss="modal">&times;</button>
        </div>

        <!-- Modal body -->
        <div class="modal-body" id="CreateAppointmentBody">

        </div>

        <!-- Modal footer -->
        <div class="modal-footer">
            <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        </div>

    </div>
</div>

JS

    $(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>

这里尝试了多种解决方案，但似乎都没有用。

我在做什么错误？当页面完整时，相同的代码似乎可以在服务器上正常工作。

对这个问题有什么解决办法吗？

Bootstrap Datepicker无法在服务器上运行，但可以在本地运行

0 个答案: