publiccms按照指定显示的日期格式,格式化日期的写法

简介: publiccms按照指定显示的日期格式,格式化日期的写法

前言

现在是2021年12月30日20:21:37,距离2021年结束仅仅不到2天的时间了,时间恍如白驹过隙!

今天还是搞的publiccms,分享个简单的语法吧:在fremarker中,如何对日期进行格式化。

效果如下:

image-20211230202427955

如图所示,时间不是按照之前似的,以年月日的形式显示,而是上方显示月、日,下方显示年,刚看到的这个效果图时,我就不由自主的发愁了下,因为做过的这么多,时间都是一次性显示出来的,对于这种分开处理的情况还真是没有遇到过。

当时就想着,先实现其他功能吧,这个实现不了,大不了用js去实现吧,再不行就给客户说一下:“要不给您退点儿钱吧,这个我用publiccms实现不了……”

代码实现

当把其他内容实现之后,集中精力研究这个,最后发现使用fremarker的语法可以处理日期,写入如下:

<!-- 纪律检查 -->
                <div class="cont">
                    
                    <!-- 遍历内容 -->

                    <@_contentList categoryId=23   pageSize=5 pageIndex=pageIndex1>
                                    <#list page.list as b>
                    <div class="contDiv" style="margin: 0 auto;border-bottom:1px solid #E5E5E5;">
                        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-3" style="float: left;margin-top: 20px;">
                            <div
                                style="border-bottom: 1px solid #F5F5F5;width: 68px;margin: 0 auto;height: 50px;text-align: center;font-size: 24px;font-weight: bold;">
                                ${(b.publishDate?string("MM-dd"))!} </div>
                            <div
                                style="width: 68px;margin: 0 auto;text-align: center;font-weight: bold;margin-top: 18px;">
                                ${(b.publishDate?string("yyyy"))!}</div>
                        </div>
                        <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9" style="float: left;margin-top: 20px;">
                            <a href="${b.url!}"><span style="font-size: 18px;font-weight: bold;color:#000000;">${b.title!}</span></a><br>
                            <span
                                style="line-height: 40px;">${b.description!}</span>
                        </div>
                    </div>
                </#list>

                    
                    
                    <!-- 分页 -->
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-0" style="padding: 0;opacity: 0;">0</div>
                    <ul class="col-lg-6 col-md-1 col-sm-1 col-xs-0" id="pagination-flickr"
                        style="padding: 0;z-index: 88;">
                        <li class="active"><a href="?id=${id!}">首页</a></li>
                        <li ><a href="?id=${id}&&pageIndex1=${page.prePage}">&lt;</a></li>
                        <li><a href="#" style="border:none;color:red;margin:0 10px;">第${page.pageIndex}页/共${page.totalPage}页</a></li>
                        
                         <li><a href="?id=${id}&&pageIndex1=${page.nextPage}">&gt;</a></li>
                        <li><a href="?id=${id}&&pageIndex1=${page.totalPage}">尾页</a></li>

                    </ul>
                    <div class="col-lg-3 col-md-3 col-sm-3 col-xs-0" style="padding: 0;opacity: 0;">0</div>
                </div>
            </@_contentList>

格式化月日:

${(b.publishDate?string("MM-dd"))!} 

格式化年:

${(b.publishDate?string("yyyy"))!}

b.publishDate就是我动态获取的日期,至此,效果就实现啦~

问题

现在遗留了个问题:因为html中的<p>可以不成对出现,所以导致p标签下的内容如果是富文本编译器的时候就会出问题,这个问题暂时换需求实现了。有人可能会说,为啥非要用p,用div不行吗,在这说一下,因为js插件的问题,实现了个下拉的效果,插件里面写的就是p,换成div时,就报错。。。。所以只能用P,改他的插件,要找不到在哪里写的p,不知道大家有没有遇到过类似的问题。

插件的问题,实现了个下拉的效果,插件里面写的就是p,换成div时,就报错。。。。所以只能用P,改他的插件,要找不到在哪里写的p,不知道大家有没有遇到过类似的问题。

目录
相关文章
|
Web App开发 流计算 内存技术
安防领域常用的视频流协议介绍
安防领域常用的视频流协议介绍
982 0
|
传感器 人工智能 算法
AI概述:阿里文娱智能算法的新应用
阿里巴巴文娱-智能算法的新应用方向
AI概述:阿里文娱智能算法的新应用
|
10月前
|
机器学习/深度学习 人工智能 文字识别
魔搭社区每周速递(12.29-1.4)
魔搭ModelScope本期社区进展:828个模型,72个数据集,61个创新应用,9篇内容
312 10
|
Web App开发 JSON 前端开发
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
Webpack【搭建Webpack环境、Webpack增加配置文件、Webpack中使用Loader、Webpack分离CSS文件 】(一)-全面详解(学习总结---从入门到深化)
459 0
|
Java 数据库连接 Nacos
nacos配置管理拉取不到配置异常
在搭建Nacos配置时遇到异常,因配置了`file-extension: yaml`,服务尝试拉取`shared-jdbc.yaml`, `shared-log.yaml`, `shared-swagger.yaml`,但Nacos中这些共享配置的Data ID无后缀。修正方法是确保Data ID与预期文件名一致,包括.yaml扩展名。在验证中,修改了部分Data ID并导致服务因找不到未加后缀的`jdbc`配置而报错,提示在配置Data ID时应包含文件扩展名。
739 1
|
网络安全 开发工具 git
GitHub
一、建立个人仓库 二、配置SSH密钥 三、克隆仓库代码 四、推送代码到个人仓库 五、代码拉取
898 1
|
人工智能 自然语言处理 搜索推荐
2023云栖大会 | 阿里云发布通义千问2.0
今天,阿里云正式发布千亿级参数大模型通义千问2.0。在10个权威测评中,通义千问2.0综合性能超过GPT-3.5,正在加速追赶GPT-4。通义千问APP在各大手机应用市场正式上线,所有人都可通过APP直接体验最新模型能力。
739 0
|
网络协议 虚拟化 网络虚拟化
VXLAN小实验:集中式VXLAN IP网关配置
VXLAN小实验:集中式VXLAN IP网关配置
VXLAN小实验:集中式VXLAN IP网关配置
|
算法 Ubuntu Java
数据包完整性校验总结
为了保证分发的数据包的一致性,常常需要增加数据包校验码,这样可以减少因为传递过程中造成的数据包不能使用问题,比如jar包的__invalid distance code__问题。在开始讨论数据包校验码生成方法前,先了解一下基本概念。 # 核心技术 ## 哈希 哈希是一种不可逆的映射,可以将数据经过哈希算法计算得到一个哈希值,而无法再将该哈希值反映射得到原始的数据。一般来说,不同的数据得到的哈
3199 0