年月查询，点击跳转到另一页面，EL表达式格式化时间

最新推荐文章于 2023-08-11 23:17:03 发布

原创最新推荐文章于 2023-08-11 23:17:03 发布 · 650 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一个后台管理系统中按年月筛选数据、展示SUM()详细组成及格式化日期显示的具体实现方法。通过JavaScript动态生成年份选项，利用EL表达式定制日期格式。

这几天在做一个后台管理员功能。所遇到的一点问题大致如下:

1，按年月筛选出数据，默认当前年份以及当前月份

2，对后台用select 语句查询出 SUM() ,点击 SUM() 所得结果，跳转到另一页面，显示出该 SUM() 是由哪些数据组成的

3，页面EL表达式获取到时间（即${ date}），但结果为 yyyy-MM-dd，而我需要的结果是：yyyy-MM-dd HH:mm:ss

解决方式：

1，（来自网络，具体URL忘了，没收藏）

<select class="edline" id="year" name = "year">
    <option value=${year}>[#if year?? ] ${year} [/#if]</option>
</select>
<select class="edline" id = "month" name="month">
        　　<option value=${month}>[#if month?? ] ${month}月  [/#if]</option>     //后台Controller里已经  model.addAttribute("month",month);  year同理  　　   <option value="1">1月</option>                                                             //没有引用Js包处理，而是采用“手打”，略低级处理方式（借鉴就好）
        　　<option value="2">2月</option>        　　<option value="3">3月</option>        　　<option value="4">4月</option>        　　<option value="5">5月</option>        　　<option value="6">6月</option>        　　<option value="7">7月</option>        　　<option value="8">8月</option>        　　<option value="9">9月</option>        　　<option value="10">10月</option>        　　<option value="11">11月</option>        　　<option value="12">12月</option></select>

年份的一个函数：

$(function(){
    var currentYear=new Date().getFullYear();
    $("#year").append($("<option value=" + (currentYear-1) + ">" + (currentYear-1) + "</option>" +
    "<option value=" + currentYear + ">" + currentYear+" </option>" +
    "<option value=" + (currentYear+1)+">" + (currentYear+1) + "</option>"));
})
效果图：


2，大致代码：
<td>
    <a href="javascript:showDetial('${item.Id}','${year}','${month}','1');">${item.sum}</a>
</td>

//作为url的参数传到对应的Controller的 /list 方法里
function showDetial(id , year, month, status, paidDate) {
    window.location.href = "/admin/xxxx/list?memberId=" +id+"&year=" + year +"&month="+ month +"&status=" + status ;
}

3，
[#list page1.content as item]
....
${(item.paidDate?string("yyyy-MM-dd HH:mm:ss"))}    //这样就不会损失 时分秒 等信息
[/#list]