来自主表的数据未填充模式形式的输入日期字段

问题描述

尽管填充了所有其他字段中的数据，但没有显示模式形式的输入日期字段中的数据（称为ITEnterDate）。如果我在模态中输入字段，则显示数据。虽然，它必须是一个输入日期，以便用户可以从日期选择器类型中进行选择。我在做什么错了？

仅供参考，它的功能是：单击“编辑”以在主表上创建记录，然后打开一个模态表单，其中所有字段都填充有主表中的数据。

更多信息： 例如，主窗体上的一条记录的Enter Date值是8/2/2020，存储在类型为date的SQL列中。

这是我的代码：

模型

public string ITEnterDate { get; set; 

JAVASCRIPT将数据加载到主表中

$(document).ready(function () {
    loadData();
})

function loadData() {
    $.ajax({
        url: "/Tickets/ListITTasks",type: "GET",contentType: "application/json;charset=utf-8",dataType: "json",success: function (result) {
            var html = '';
            $.each(result,function (key,item) {
                html += '<tr>';
                html += '<td>' + item.ITNumber + '</td>';
                html += '<td>' + item.ITEnterDate + '</td>';
                ......

             html += '<td><a href="#" onclick="return getbyTicketNumber(' + item.ITNumber +             ')">Edit</a> | <a href="#" onclick="DeleteItTask(' + item.ITNumber + ')">Delete</a></td>';
                html += '</tr>';
            });
            $('.tbody').html(html);
        },error: function (errormessage) {
            alert(errormessage.responseText);
        }
    });
}

JAVASCRIPT可以从主表中获取数据并使用它来处理模态字段

function getbyTicketNumber(TicketNumber) {
    $('#ITEnterDate').css('border-color','lightgrey');
    .....

    $.ajax({
        url: "/Tickets/GetTaskByTicketNumber/" + TicketNumber,typr: "GET",contentType: "application/json;charset=UTF-8",success: function (result) {
            $('#ITNum').val(result.ITNumber);
            $('#ITEnterDate').val(result.ITEnterDate);
            .....

            $('#myModal').modal('show');
            $('#btnUpdate').show();
            $('#btnAddItTask').hide();
        },error: function (errormessage) {
            alert(errormessage.responseText);
        }
    });
    return false;
}

控制器

public JsonResult GetTaskByTicketNumber(int id)
        {
            HelpDeskDBHandle hdDB = new HelpDeskDBHandle();
            var ITNumber = hdDB.GetITTasksList().Find(x => x.ITNumber.Equals(id));
            return Json(ITNumber,JsonRequestBehavior.AllowGet);
        }

形式表格

<div class="modal-body">
                <form>
                    <div class="form-group">
                        <label for="ITEnterDate">Enter Date</label>
                        <input type="date" class="form-control" id="ITEnterDate"                                                             placeholder="Enter Date" />
                    </div>
                    .......

                </form>
</div>

解决方法

$（'。tbody'）。html（html）; 您确定类'.tbody'没有与元素'tbody'混淆吗？

,

找到了解决方案。输入日期需要一个格式为YYYY-MM-DD的数据，因此我向DataReader添加了以下代码：

ITEnterDate = String.Format("{0:yyyy-MM-dd}",sdr["ITEnterDate"])