【BootStrap】——Table控件将时间戳更改为日期格式

秒速五厘米 2022-05-14 14:42 974阅读 0赞

前言  
     小编最近一直在公司积分系统的bug海洋中，bug天天有，代码天天敲啊，这不，又出现了新的问题，获取时间的方法当经过json序列化后数据就变成了时间戳格式，别急，别急，我就是猴子请来的救兵，看我怎么解决掉你~~

正文  
 一、Table显示日期问题  
    好好的日期给变成了时间戳：  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tlaXRoMDAz_size_27_color_FFFFFF_t_70][]

分析：

按照时间戳格式截取相应字符串转换为相应格式的日期

修改后代码：js文件

var TableInit = function () {
        var oTableInit = new Object();
        //初始化Table
        oTableInit.Init = function () {
            $("#table").bootstrapTable('destroy');  //避免重复执行，需要销毁
            $('#table').bootstrapTable({
                url: '/ConfluenceSurvey/QueryTableInfoa', //请求后台的URL（*）
                method: 'get',                      //请求方式（*）
                striped: true,                      //是否显示行间隔
                sortable: true,                    //是否启用排序
                sortName: 'date',
                sortOrder: "desc",                   //排序方式
                queryParams: oTableInit.queryParams, //传递参数（*）
                sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
                pageNumber: 1,                       //初始化加载第一页，默认第一页
                pageSize: 10,                       //每页的记录行数（*）
                pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
                height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
               
                columns: [{
                    checkbox: true
     
                }, {
                    field: 'date',
                    title: '日期',
     
                    sortable: true,
                    //——修改——获取日期列的值进行转换
                    formatter: function (value, row, index) {
                        return changeDateFormat(value)
                    }
     
                }, {
                    field: 'wsScore',
                    title: '卫生'
                }, {
                    field: 'jlScore',
                    title: '纪律'
                }, {
                    field: 'bkScore',
                    title: '博客'
                }, {
                    field: 'xsScore',
                    title: '学术'
                }, {
                    field: 'fqScore',
                    title: '番茄'
                }, {
               
                    field: 'dayMcoin',
                    title: '今日得分'
                }, {
                    field: 'totalMcoin',
                    title: '到此日的积分'
                }]
            });
        };
               
            
     
            //修改——转换日期格式(时间戳转换为datetime格式)
            function changeDateFormat(cellval) {
                if (cellval != null) {
                    var d = new Date(cellval);
                    var times=d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' ' + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
                    return times;
                } else {
                    return cellval;
                }
            }

修改后效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tlaXRoMDAz_size_27_color_FFFFFF_t_70 1][]

## 二、与日期斗智斗勇的岁月（我遇到的奇葩问题） ##

###  1、日期排序错乱       ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tlaXRoMDAz_size_27_color_FFFFFF_t_70 2][]

分析：表格中显示的日期格式是String类型，字符串格式的日期比较大小是通过计算每个字符串中相应Char对象的数值来比较两个指定的String对象；

2、明明库里有记录，就是查不到数据  
      linq语句转成sql在navicat中查询没有问题的，这是为什么，为什么，为什么呢？

告诉你一个坑爹的原因，真的是很坑，英文操作系统的问题！页面上获取的日期被转成英文时间了，没错，说好的“2017/7/14 00:00::00”变成了"7/14/2017 12:00:00 AM"  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tlaXRoMDAz_size_27_color_FFFFFF_t_70 3][]

自己给自己挖的坑啊，啥也不说了，其实后面在转换为中文也是可以滴，这样就省事了，考虑周到也是很有必要的！！！

原文：[https://blog.csdn.net/zt15732625878/article/details/75136545][https_blog.csdn.net_zt15732625878_article_details_75136545]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tlaXRoMDAz_size_27_color_FFFFFF_t_70]: /images/20220504/19a8bbebf1b149dbb5d67af0b59f8479.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tlaXRoMDAz_size_27_color_FFFFFF_t_70 1]: /images/20220504/82b713a963fe4b72924139a0b6673ed8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tlaXRoMDAz_size_27_color_FFFFFF_t_70 2]: /images/20220504/c2e192f7810343afa3a195c94c24e421.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0tlaXRoMDAz_size_27_color_FFFFFF_t_70 3]: /images/20220504/c7264a2b42614df69dacdcb01f9f3da0.png
[https_blog.csdn.net_zt15732625878_article_details_75136545]: https://blog.csdn.net/zt15732625878/article/details/75136545

发表评论取消回复

表情：

评论列表（有 0 条评论，974人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python3将时间戳转换为指定格式日期

Python 将时间戳转换为指定格式日期给定一个时间戳，将其转换为指定格式的时间。注意时区的设置。当前时间 import time

川长思鸟来/ 2023年01月18日 06:43/ 0 赞/ 158 阅读

相关时间戳转日期格式

formatDateTime(date) { var y = date.getFullYear();

青旅半醒/ 2022年10月27日 13:48/ 0 赞/ 275 阅读

相关时间戳转日期格式

//时间戳转日期格式 timestampToDate(timestamp, format = "YYYY-MM-DD hh:mm:ss") {

阳光穿透心脏的1/2处/ 2022年10月26日 14:24/ 0 赞/ 279 阅读

相关 js把时间戳转换为日期格式

var time = new Date().getTime();//获取时间戳 console.log(new Date(time).toLocaleStrin

红太狼/ 2022年10月01日 00:54/ 0 赞/ 335 阅读

相关 SQLServer中将时间戳转换为时间格式

时间戳就是一个从1970-01-01 08:00:00到时间的相隔的秒数。所以只要把这个时间戳加上：1970-01-01 08:00:00这个时间就可以得到你想要的时间了：

水深无声/ 2022年07月15日 07:28/ 0 赞/ 1508 阅读

相关【BootStrap】——Table控件将时间戳更改为日期格式

前言小编最近一直在公司积分系统的bug海洋中，bug天天有，代码天天敲啊，这不，又出现了新的问题，获取时间的方法当经过json序列化后数据就变成了时间戳格式，别

秒速五厘米/ 2022年05月14日 14:42/ 0 赞/ 975 阅读

相关 js内时间戳转换为日期格式

[https://www.cnblogs.com/jingwhale/p/4674946.html][https_www.cnblogs.com_jingwhale_p_467

我就是我/ 2022年04月10日 07:11/ 0 赞/ 386 阅读

相关 js时间戳转换为日期格式

tsFormatTime(inputTime) { //从后台获取的时间戳是毫秒数的，所以得乘以1000，注意有时候获取到的是已经乘了1000的

我不是女神ヾ/ 2022年03月16日 11:58/ 0 赞/ 496 阅读

相关 pandas中将时间戳转化为日期格式和将日期格式转化成时间戳

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

Bertha 。/ 2022年03月09日 01:16/ 0 赞/ 2545 阅读

相关 js将时间戳转为时间日期格式

封装方法 getBeforeDate(num, time) { let n = num; let d

小咪咪/ 2021年09月08日 23:38/ 0 赞/ 558 阅读