<!-- 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表格显示时间格式的更多相关文章

  1. js判断时间格式是否有效

    js判断时间格式是否有效 1 短时间,形如 (13:04:06)function isTime(str){var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d ...

  2. 29-jsp中用js进行时间格式转化

    CST可以为如下4个不同的时区的缩写: 美国中部时间:Central Standard Time (USA) UT-6:00 澳大利亚中部时间:Central Standard Time (Austr ...

  3. JS 格林威治时间格式(GMT)格式化

    Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, //month & ...

  4. 前端js日期时间格式转换

    前端前后端接口处理时经常会遇到需要转换不同时间格式的情况,比如时间戳格式转换成正常日期显示来进行前端展示. 下面是分享一些不同格式的日期转换函数方法. /** * 时间戳转时间 * @param {S ...

  5. 原生JS日历 + JS格式化时间格式

    公司项目中用到,以前没做过,废了好几个小时 终于做好了 先来效果图(暂时没写样式 凑合着看吧) 点击左右按钮都能改变月份 下方表格中的数据也会跟着变化 贴上代码 : html部分: <div s ...

  6. js 不同时间格式介绍以及相互间的转换

    首先必须要提到的是 Date 对象,它用来处理时间和日期. 使用 new Date() 语句可创建 Date 对象,创建出来的时间格式如下(后面提到的标准时间都是指该格式): Wed Jul 17 2 ...

  7. 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 设置全局过滤器 ...

  8. Js 改变时间格式输出格式

    朋友看到的方法,非js原生的 自己封装到 function date2str(x,y) { var z={y:x.getFullYear(),M:x.getMonth()+1,d:x.getDate( ...

  9. js判断时间格式不能超过30天

    let first = this.data.date //开始时间 let second = e.detail.value //结束时间 var data1 = Date.parse(first.re ...

随机推荐

  1. P5540-[BalkanOI2011]timeismoney|最小乘积生成树【最小生成树,凸壳】

    正题 题目链接:https://www.luogu.com.cn/problem/P5540 题目大意 给出\(n\)个点\(m\)条边边权是一个二元组\((a_i,b_i)\),求出一棵生成树最小化 ...

  2. windows环境下配置Kafaka

    一.安装Zookeeper(Kafaka依赖于zookeeper进行服务注册和管理) 1. 1   下载zookeeper:http://mirror.bit.edu.cn/apache/zookee ...

  3. 使用VUE+原生PHP完成搜索后分页的效果

    html代码: <!doctype html> <html lang="en"> <head> <meta charset="U ...

  4. minikube addons enable ingress 启动错误

    minikube addons enable ingress 启动错误 开启 minkube ingress 时错误 minikube addons enable ingress --alsologt ...

  5. go语言游戏服务端开发(四)——RPC机制

    五邑隐侠,本名关健昌,12年游戏生涯. 本教程以Go语言为例. RPC指远程方法调用,游戏里引入RPC目的是降低跨进程交互的复杂度. 游戏业务设计为多go routine,一个玩家一个go routi ...

  6. 微信小程序访问豆瓣api报403错误解决方法

    通过豆瓣API可以获取很多电影.书籍的数据信息,今天在调用豆瓣正在上映电影接口的时候报403错误,原因是豆瓣设置了小程序的访问权限.如下: 解决方法是使用代理,将豆瓣API地址换成 https://d ...

  7. Serverless 工程实践 | 零基础上手 Knative 应用

    作者|刘宇 前言:Knative 是一款基于 Kubernetes 的 Serverless 框架.其目标是制定云原生.跨平台的 Serverless 编排标准. Knative 介绍 Knative ...

  8. java语言程序设计与数据结构(基础篇)第二章答案

    答案为本人自己求解,若有错误,还望海涵并及时告知.如有雷同,纯属巧合. 2.1 import java.util.Scanner; public class Welcome { public stat ...

  9. 题解 CF736D Permutations

    link Description 现在,你有一个二分图,点数为 \(2n\). 已知这个二分图的完备匹配的个数是奇数. 现在你要知道,删除每条边后,完备匹配个数是奇数还是偶数. \(1\le n\le ...

  10. 题解 CF762D Maximum path

    题目传送门 Description 给出一个 \(3\times n\) 的带权矩阵,选出一个 \((1,1)\to (3,n)\) 的路径使得路径上点权之和最大. \(n\le 10^5\) Sol ...