ruoyi 前端表格日期格式化 yyyy-MM-dd

最新推荐文章于 2025-11-17 08:37:30 发布

原创最新推荐文章于 2025-11-17 08:37:30 发布 · 7.7k 阅读

6 ·

CC 4.0 BY-SA版权

若依同时被 2 个专栏收录

27 篇文章

订阅专栏

js jquery

15 篇文章

订阅专栏

本文介绍两种在JS中初始化表格时进行日期格式化的有效方法。第一种是在表格数据加载时通过formatter函数截取日期，第二种是使用@JsonFormat注解在后端设置日期格式。这些技巧有助于提高前端展示的效率和用户体验。

方式一：
//js初始化表格数据的时候直接截取日期
$(function() {
	var options = {
		url: prefix + "/list",
		createUrl: prefix + "/add",
		updateUrl: prefix + "/edit/{id}",
		removeUrl: prefix + "/remove",
		exportUrl: prefix + "/export",
		modalName: "test",
		search: false,
		showExport: true,
		columns: [{
			checkbox: true
		},
			{
				field : 'testId',
				title : '主键ID',
				visible: false
			},planEndDate
			{
				field : 'planEndDate',
				title : '结束日期',
				sortable: true,
				formatter: function(value, row, index) {
					if(value != null){
						return value.substring(0,10);
					}
				}
			},
			{
				field : 'createDate',
				title : '创建时间',
				sortable: true
			}]
	};
	$.table.init(options);
});


方式二：
@JsonFormat(pattern="yyyy-MM-dd")
private Date testDate;