<!-- 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. 基于 Ubuntu 21.04 BPF 开发环境全攻略

    本文地址:https://www.ebpf.top/post/ubuntu_2104_bpf_env 1. 系统安装 1.1 Vagrant Vagrant 是一款用于构建及配置虚拟开发环境的软件,基 ...

  2. .NET 5 WPF 调用OCX 经验分享

    在.Net 5.0 WPF中调用OCX步骤如下: 1,用工具先把ocx转换成AxInterop.EloamViewLib.dll和Interop.EloamViewLib.dll.(这里是我用到的oc ...

  3. Skywalking-12:Skywalking SPI机制

    SPI机制 基本概述 SPI 全称 Service Provider Interface ,是一种服务发现机制.通过提供接口.预定义的加载器( Loader )以及约定俗称的配置(一般在 META-I ...

  4. c++ fstream feekg讨论

    #include <iostream> #include <fstream> using namespace std; int main() { std::ifstream f ...

  5. 在Vue中使用JSX,很easy的

    摘要:JSX 是一种 Javascript 的语法扩展,JSX = Javascript + XML,即在 Javascript 里面写 XML,因为 JSX 的这个特性,所以他即具备了 Javasc ...

  6. SimpleDateFormat、Date和String互转

    今天在修改bug时遇到一个查询异常:根据时间段查询的时候,如果查询时间段含12点钟,那么能查到时间段之外的其他数据: 跟踪了数据流动发现,前同事写的程序中,有一处是讲前端传来时间字符串转为Date的一 ...

  7. Spring事件,ApplicationEvent在业务中的应用

    前言 关于事件驱动模型,百度百科在有明确的解释.在JDK的Util包里抽象了事件驱动,有兴趣的朋友可以自行去看下相关类的定义.Spring事件模型ApplicationEvent是基于JDK里的事件模 ...

  8. Java(28)集合三Map

    作者:季沐测试笔记 原文地址:https://www.cnblogs.com/testero/p/15228436.html 博客主页:https://www.cnblogs.com/testero ...

  9. 以太坊web3开发初步学习

    以太坊web3开发初步学习 此文是对https://learnblockchain.cn/2018/04/15/web3-html/的学习再理解. 以太坊智能合约通过使用web3.js前端和智能合约交 ...

  10. C#特性知识图谱-二、事件

    C#特性知识图谱-二.事件 二.事件 在事件驱动的软件系统中,符合某种预设条件的情形出现是,一个事件就会被触发. 2.1 事件三要素 事件源:激发事件的对象 事件信息:事件本身说携带的信息 事件响应者 ...