javascript - 主表中的数据不填充模式表单的输入日期字段

问题描述

模式表单的输入日期字段（称为 ITEnterDate）中的数据未显示，尽管所有其他字段中的数据正在填充。如果我将模式中的字段设为输入文本，则会显示数据。虽然，它必须是一个输入日期，以便用户可以从日期选择器类型的事物中进行选择。我究竟做错了什么？

仅供参考，它的功能：我单击主表上的记录的编辑，然后打开一个模式表单，其中所有字段都填充了主表中的数据。

MORE INFO：例如，主窗体上的一条记录的 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",
        dataType: "json",
        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>

标签： javascripthtmljquerymodel-view-controllerc#-3.0

javascript - 主表中的数据不填充模式表单的输入日期字段

问题描述

解决方案

推荐阅读