首页 > 电脑专区 > windows >

bootstrap-table如何格式化columns的日期格式

来源:互联网 2023-02-20 23:07:07 357

使用bootstrap-table格式化日期AIJ办公区 - 实用经验教程分享!

工具/原料

  • eclipse

方法/步骤

  • 1

    首先打开软件开发平台,建立web项目命名为bootstrap-Table,项目结构图如下图。AIJ办公区 - 实用经验教程分享!

    bootstrap-table如何格式化columns的日期格式AIJ办公区 - 实用经验教程分享!

  • 2

    在index.jsp文件中引入bootsrap和bootstrap-table相关脚本文件,代码见下图红色框选位置。AIJ办公区 - 实用经验教程分享!

    bootstrap-table如何格式化columns的日期格式AIJ办公区 - 实用经验教程分享!

  • 3

    在index.jsp文件的日期列中引入使用changeDateFormat函数对日期格式化。引入代码见下图。AIJ办公区 - 实用经验教程分享!

    bootstrap-table如何格式化columns的日期格式AIJ办公区 - 实用经验教程分享!

  • 4

    在changeDateFormat函数中,首先把日期进行格式转换,分别获取年、月、日、时、分、秒,再进行字符串拼接,代码见下图。AIJ办公区 - 实用经验教程分享!

    bootstrap-table如何格式化columns的日期格式AIJ办公区 - 实用经验教程分享!

  • 5

    右键单击servers下的tomcat服务器选择运行,操作如下图所示。AIJ办公区 - 实用经验教程分享!

    bootstrap-table如何格式化columns的日期格式AIJ办公区 - 实用经验教程分享!

  • 5该信息未经许可获取自百度经验
  • 6

    最后看一下此项目再浏览器中的运行效果,见下图。AIJ办公区 - 实用经验教程分享!

    bootstrap-table如何格式化columns的日期格式AIJ办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!AIJ办公区 - 实用经验教程分享!


    标签: 操作系统格式日期

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码