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

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


前言

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

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

效果如下:

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

当时就想着,先实现其他功能吧,这个实现不了,大不了用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,不知道大家有没有遇到过类似的问题。

相关文章
|
6月前
|
JavaScript
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
【Ant designe vue】中有关表格列中日期展示 yyyy-mm-dd 格式问题
152 0
Element Plus 日期选择器 获取选中的日期的格式(当前日期/时间戳格式)
Element Plus 日期选择器 获取选中的日期的格式(当前日期/时间戳格式)
591 0
|
C# 前端开发
WPF DatePicker默认显示当前日期,格式化为年月日
原文:WPF DatePicker默认显示当前日期 WPF的日历选择控件默认为当前日期,共有两种方法,一种静态,一种动态。 静态的当然写在DatePicker控件的属性里了,动态的写在对应的cs文件里,具体请看下面。
6497 0
|
4月前
|
JavaScript 前端开发
js/javascript 操作时间日期【全】含时间日期的创建、获取、比较、计算、格式化、时间戳、昨天、今天、星期汉化、计时、相关插件等
js/javascript 操作时间日期【全】含时间日期的创建、获取、比较、计算、格式化、时间戳、昨天、今天、星期汉化、计时、相关插件等
107 0
|
JavaScript
DateTimePicker 日期时间选择器,默认获取当前日期
DateTimePicker 日期时间选择器,默认获取当前日期
349 1
|
前端开发 定位技术
前端将UTC时间格式转化为本地时间格式~~uniapp写法
前端将UTC时间格式转化为本地时间格式~~uniapp写法
133 0
如何让日期时间控件不显示时间,直接显示字符串"YYYY-MM-DD"
如何让日期时间控件不显示时间,直接显示字符串"YYYY-MM-DD"
|
JavaScript 编译器
publiccms按照指定显示的日期格式,格式化日期的写法
publiccms按照指定显示的日期格式,格式化日期的写法
147 0
publiccms按照指定显示的日期格式,格式化日期的写法
|
存储 JavaScript 前端开发
【JavaScript】47_Date对象 ,日期的格式化
# 8、Date Date - 在JS中所有的和时间相关的数据都由Date对象来表示 - 对象的方法: getFullYear() 获取4位年份 getMonth() 返当前日期的月份(0-11) getDate() 返回当前是几日 getDay() 返回当前日期是周几(0-6) 0表示周日 ...... ## getTime() 返回当前日期对象的时间戳 时间戳:自1970年1月1日0时0分0秒到当前时间所经历的毫秒数 计算机底层存储时间时,使用都是时间戳 Date.now() 获取当前的时间戳 ``` <s
200 0
|
JavaScript
js获取当前时间日期,并将其格式化为YYYY-MM-DD,并且自定义返回
js获取当前时间日期,并将其格式化为YYYY-MM-DD,并且自定义返回
330 0