前端页面表格中显示Oracle LocalDateTime 类型时间数据
在前端页面中,你可以使用JavaScript的Date对象来处理LocalDateTime类型的数据,并将其格式化为需要的年月日格式。
假设你的JSON数据如下所示:
{
'dateTime': '2022-01-01T12:34:56'
}
你可以通过以下步骤来在前端页面的表格中显示年月日:
- 使用AJAX获取JSON数据并将其解析为JavaScript对象。
$.ajax({
url: 'your_api_url',
method: 'GET',
success: function(data) {
var dateTime = new Date(data.dateTime);
// 格式化为年月日格式
var year = dateTime.getFullYear();
var month = ('0' + (dateTime.getMonth() + 1)).slice(-2); // 月份从0开始,所以要加1
var day = ('0' + dateTime.getDate()).slice(-2);
// 创建表格行并插入数据
var row = $('<tr></tr>');
row.append($('<td>' + year + '-' + month + '-' + day + '</td>'));
// 插入其他单元格数据...
// 将行插入表格中
$('#your_table_id').append(row);
}
});
在上述代码中,我们首先使用new Date(data.dateTime)将LocalDateTime字符串转换为JavaScript的Date对象。然后,我们使用Date对象的方法(如getFullYear()、getMonth()、getDate())获取年、月和日的值,并使用字符串拼接将其格式化为'YYYY-MM-DD'的格式。
最后,我们创建一个新的表格行,并将格式化后的日期数据插入到表格中。
请确保将代码中的your_api_url替换为你的实际API地址,并将your_table_id替换为你表格的ID。
这样,当你从服务器获取到LocalDateTime类型的JSON数据时,前端页面的表格将正常显示年月日。
原文地址: https://www.cveoy.top/t/topic/pj7M 著作权归作者所有。请勿转载和采集!