如何解决来自主表的数据未填充模式形式的输入日期字段
尽管填充了所有其他字段中的数据,但没有显示模式形式的输入日期字段中的数据(称为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"])
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。