为什么我返回ajax调用给我两个数据拾取器输入框

Why is my returned ajax call giving me two datapicker input boxes?

本文关键字:数据 两个 输入 ajax 返回 调用 为什么      更新时间:2023-09-26

我有我正在做一个ajax调用和返回的数据是在一个div容器。当用户从日期选择器中选择一个日期时进行调用。当数据返回时,我在表单上有两个数据封装器的输入框。我只要一张表格。为什么我返回ajax调用给我两个数据拾取输入框?

这是显示数据的部分视图。这是我试着放在表格顶部和底部的脚本。

<script type="text/javascript">
    $(document).ready(function () {
        $("#datep").datepicker({ 
            showOn: "both", 
            buttonText: "Select Date",
            changeMonth: true, 
            changeYear: true, 
            yearRange: "-2:+2", 
            showOtherMonths: true, 
            onSelect: function (date, datepickder) {
                var sltdDate = { selectedDate: date };
                $.ajax({
                    type: "GET",
                    url: "/Schedule/GetSchedule",
                    data: sltdDate,
                    datatype: "html",
                    success: function (data) {
                        $("#returnedData").html(data);
                    }
                });
            }
        });
     });
 </script>
 <div id="returnedData">
     @if (Model.Assignments != null) {
        //table header here
        @foreach (var item in Model.Assignments.Select((x, i) => new { Data = x, Index = i })) {
            // @Html.DisplayFor(modelItem => item.Data)
            //More item data here    
        }
    }
</div>
<div class ="ui-widget" >
    <label for ="datep">Date: </label><input id="datep" />
</div>

返回的ajax调用将另一个日期输入字段放入保存返回数据的容器中。我通过添加$("#returnedData #dateContainer").remove()解决了这个问题;到成功函数