文本未以模态形式显示在html输入日期中

问题描述

问题：模式表格的“输入日期”字段没有填充数据。

我有一个模式窗体，当我单击记录行上的“编辑”时会打开。当表单打开时，“输入日期”日期不会填充主屏幕上的现有日期，而是填充为“ mm / dd / yyyy”。所有其他字段均填充有各自的数据。如何使“输入日期”字段填充记录中的数据？ 仅供参考，一切正常，除非我单击更新，因为“输入日期”字段未填充，但由于“输入日期”没有值或为null或类似的内容，因此在调用SQL存储过程时收到错误消息。 /> 我不想更改数据类型，因为我终于获得了将日期字段填充为mm / dd / yyyy的主屏幕，而不是其他不需要，未知或奇怪的格式。 我的代码如下。预先感谢您的帮助。

模型

public string ITEnterDate { get; set; } 

CONTROLLER

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

MODAL FORM（VIEW）

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <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>
            
<div class="modal-footer">
                <button type="button" class="btn btn-primary" id="btnUpdate" 
                                                            style="display:none;"                                                                                                                       
                                        onclick="UpdateItTask();">Update</button>
            </div>
        </div>
    </div>
</div>

JAVASCRIPT：具有编辑按钮的主页面加载数据

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

//Load Data function
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);
        }
    });
}


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();
        },error: function (errormessage) {
            alert(errormessage.responseText);
        }
    });
    return false;
}

解决方法

您需要将日期格式设置为YYYY-MM-DD，以使08/02/2020为2020-08-02。

来自documentation：

显示的日期格式将与实际值不同- 显示的日期是根据用户浏览器的区域设置来格式化的， 但解析后的值始终采用yyyy-mm-dd格式。