如何解决文本未以模态形式显示在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。
显示的日期格式将与实际值不同- 显示的日期是根据用户浏览器的区域设置来格式化的, 但解析后的值始终采用yyyy-mm-dd格式。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。