JS表格显示时间格式
<!-- JS代码区 -->
<script type='text/javascript'>
$(function() {
var grid_selector23 = "#bsp-demo-grid-table_lib";
var pager_selector23 = "#bsp-demo-grid-pager_lib";
//宽度自适应
$(window).on('resize', function() {
$(grid_selector23).jqGrid('setGridWidth', $(".page").width());
});
demo_monitor_grid23 = jQuery(grid_selector23).jqGrid({
url : "${root!}/cloud/fixedInvestmentSplit/libSelected",
datatype : "json",
mtype : "POST",
height : '100%',
colNames : [
'项目名称', '项目类型','项目隶属关系','建设地点', '国标行业','所属行业', '总投资(万元)', "拟开工年份","拟建成年份",
"项目云序号","是否跨区域"
],
colModel : [
{name : 'PROJECT_NM',index : 'PROJECT_NM',sortable : false,align : 'center',width : '15%',editable : false},
{name : 'PROJECT_CATEGORY',index : 'PROJECT_CATEGORY',sortable : false,align:'center',width : '7%',editable : false},
{name : 'PROJECT_LEVEL',index: 'PROJECT_LEVEL',sortable : false,align : 'center',width : '10%',editable : false,formatter:levelFormatOperation},
{name : 'CONS_PLACE',index : 'CONS_PLACE',sortable : false,align : 'center',width : '10%',editable : false},
{name : 'CN_INDUSTRY',index : 'CN_INDUSTRY',sortable : false,align : 'center',width : '10%',editable : false},
{name : 'PROJECT_INDUSTRY',index : 'PROJECT_INDUSTRY',sortable : false,align : 'center',width : '10%',editable : false},
{name : 'TOTAL_INV',index : 'TOTAL_INV',sortable : false,align : 'right',width : '8%',editable : false},
{name : 'PLAN_START_DATE',index : 'PLAN_START_DATE',sortable : false,align : 'center',width : '10%',formatter : formatDate,editable : false},
{name : 'PLAN_FINISH_DATE',index : 'PLAN_FINISH_DATE',sortable : false,align : 'center',width : '10%',formatter : formatDate,editable : false}, {name : 'PROJECT_NO',index : 'PROJECT_NO',sortable : false,align : 'left',width : '0%',editable : false,hidden:true},
{name : 'IS_WR_PROJECT',index : 'IS_WR_PROJECT',sortable : false,align : 'left',width : '0%',editable : false,hidden:true}],
viewrecords : true,
rowNum : 10,
rowList : [ 10, 20, 30 ],
pager : pager_selector23,
altRows : true,
forceFit : true,
sortable : true,
sortname : 'name',
sortorder : 'ASC',
multiselect : true,
loadComplete : function() { },
autoheight : true,
autowidth : true
}); function formatDate(cellvalue, options, cell) {
if (cellvalue != null && cellvalue != "" && cellvalue != "undefined") {
var date = new Date(cellvalue);
return date.format("yyyy-MM-dd");
}
return "";
} //设置内嵌滚动条
demo_monitor_grid23.closest(".ui-jqgrid-bdiv").css({"max-height":"300px","overflow-y":"auto"}); });
function formatDate(cellvalue, options, cell) {
if (cellvalue != null && cellvalue != "" && cellvalue != "undefined") {
var date = new Date(cellvalue);
return date.format("yyyy-MM-dd");
}
return "";
}
要显示的时间格式类型可以在这个里面修改
JS表格显示时间格式的更多相关文章
- js判断时间格式是否有效
js判断时间格式是否有效 1 短时间,形如 (13:04:06)function isTime(str){var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d ...
- 29-jsp中用js进行时间格式转化
CST可以为如下4个不同的时区的缩写: 美国中部时间:Central Standard Time (USA) UT-6:00 澳大利亚中部时间:Central Standard Time (Austr ...
- JS 格林威治时间格式(GMT)格式化
Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, //month & ...
- 前端js日期时间格式转换
前端前后端接口处理时经常会遇到需要转换不同时间格式的情况,比如时间戳格式转换成正常日期显示来进行前端展示. 下面是分享一些不同格式的日期转换函数方法. /** * 时间戳转时间 * @param {S ...
- 原生JS日历 + JS格式化时间格式
公司项目中用到,以前没做过,废了好几个小时 终于做好了 先来效果图(暂时没写样式 凑合着看吧) 点击左右按钮都能改变月份 下方表格中的数据也会跟着变化 贴上代码 : html部分: <div s ...
- js 不同时间格式介绍以及相互间的转换
首先必须要提到的是 Date 对象,它用来处理时间和日期. 使用 new Date() 语句可创建 Date 对象,创建出来的时间格式如下(后面提到的标准时间都是指该格式): Wed Jul 17 2 ...
- vue-cli 利用moment.js转化时间格式为YYYY年MM月DD日,或者是YYYY-MM-DD HH:MM:SS 等格式
1.在mian.js引入moment import moment from 'moment' Vue.prototype.$moment = 'moment' 2. 在main.js 设置全局过滤器 ...
- Js 改变时间格式输出格式
朋友看到的方法,非js原生的 自己封装到 function date2str(x,y) { var z={y:x.getFullYear(),M:x.getMonth()+1,d:x.getDate( ...
- js判断时间格式不能超过30天
let first = this.data.date //开始时间 let second = e.detail.value //结束时间 var data1 = Date.parse(first.re ...
随机推荐
- python读Excel方法(xlrd)
在我们做平常工作或自动化测试中都会遇到操作excel,Python处理exc相当顺手,如何通过python操作excel,当然python操作excel的库有很多,比如pandas,xlwt/xlrd ...
- 基于深度学习的建筑能耗预测01——Anaconda3-4.4.0+Tensorflow1.7+Python3.6+Pycharm安装
基于深度学习的建筑能耗预测-2021WS-02W 一,安装python及其环境的设置 (写python代码前,在电脑上安装相关必备的软件的过程称为环境搭建) · 完全可以先安装anaconda(会自带 ...
- 地心地固坐标系(ECEF)与站心坐标系(ENU)的转换
目录 1. 概述 2. 原理 2.1. 平移 2.2. 旋转 2.3. 总结 3. 实现 4. 参考 1. 概述 我在<大地经纬度坐标与地心地固坐标的的转换>这篇文章中已经论述了地心坐标系 ...
- 【数据结构与算法】二叉树的 Morris 遍历(前序、中序、后序)
前置说明 不了解二叉树非递归遍历的可以看我之前的文章[数据结构与算法]二叉树模板及例题 Morris 遍历 概述 Morris 遍历是一种遍历二叉树的方式,并且时间复杂度O(N),额外空间复杂度O(1 ...
- 深入剖析 Spring WebFlux
一.WebFlux 简介 WebFlux 是 Spring Framework5.0 中引入的一种新的反应式Web框架.通过Reactor项目实现Reactive Streams规范,完全异步和非阻塞 ...
- (googlechrome)未知错误导致安装失败,如果googlechrome....
https://jingyan.baidu.com/article/ea24bc39ffb699da63b33147.html#5827690-tsina-1-63512-fe183374908e7 ...
- Tomcat实现自定义类加载器
什么是类加载器? 这是官方给的定义 在 Java 虚拟机的实现中,初始类可以作为命令行参数提供. 或者,该实现可以提供一个初始类,该类设置一个类加载器,该类加载器依次加载应用程序. 初始类的其他选择也 ...
- vue 2.0源码学习笔记—new Vue ( Vue 初始化过程 )
new Vue(Vue 初始化) 一个vue实例化到底经历了什么?已下是博主自己的总结,不正确的地方请指出,谢谢~ 一.简述 从使用角度来看,挂载的顺序如下 1. $slots 2. $scopedS ...
- clock时钟
①时钟的偏移(skew):时钟分支信号在到达寄存器的时钟端口过程中,都存在有线网等延时,由于延时,到达寄存器时钟端口的时钟信号存在有相位差,也就是不能保证每一个沿都对齐,这种差异称为时钟偏移(cloc ...
- 源码解析-Abp vNext丨LocalEventBus
前言 基础篇已经更新完了,从本篇开始我们进入,中级篇(学习部分源代码)我会挑一些我个人认为比较重要的知识点结合部分开源项目进行源码讲解,咱们废话不说直接上车. Abp vNext的事件总线分2种,一种 ...