bootstraptable 日期控件_bootstrap table插件使用说明demo
$(function(){
$('#table').bootstrapTable({
url:'manager/blog/list.json',
method:'get',
contentType:'application/json',
showColumns: true, //显示隐藏列
showRefresh: true, //显示刷新按钮
toolbar:'#search_bar',
queryParams:queryPrams,
pagination: true,
pageSize: 10,
pageList:[10],
sidePagination: "server",
columns: [{
field: 'title',
title: '博客标题'
},{
field: 'authorName',
title: '作者'
},{
field:'copyright',
title:'版权',
formatter:function(value,row,index){
var cp=value;
if(value=='Reproduced'){
cp='转载';
}else if(value=='Translation'){
cp='翻译';
}else if(value=='Original'){
cp='原创';
}
return cp;
},
width:50
},{
field: 'autoAuditDate',
title: '自动审核日期'
},{
field: 'status',
title: '状态',
formatter:function(value,row,index){
var status=value;
if(value=='Normal'){
status='正常';
}else if(value=='UnAudit'){
status='待审核';
}else if(value=='Refuse'){
status='驳回';
}else if(value=='AutoAudit'){
status='自审核';
}
return status;
},
width:60
},{
field: 'updateTime',
title: '更新时间',
formatter:function(value,row,index){
return $.timestamp2string(value,'yyyy-MM-dd hh:mm:ss');
},
width:170
},{
field: 'id',
title:'操作',
formatter:function(value,row,index){
var p='预 ';
var a='审 ';
var auto='定 ';
var r='驳 ';
return p+a+auto+r;
},
width:130
}]
})
//查询事件绑定
$('#search_btn').click(function(){
$("#table").bootstrapTable('refresh');
});
$('#search_status').change(function(){
$("#table").bootstrapTable('refresh');
});
$('#search_copyright').change(function(){
$("#table").bootstrapTable('refresh');
});
$('#search_order').change(function(){
$("#table").bootstrapTable('refresh');
});
bootstraptable 日期控件_bootstrap table插件使用说明demo相关推荐
- bootstraptable 日期控件_给Bootstrap-table插件添加tree功能
一.最终效果图 工作中想用如图的方式去展示数据,虽然网上也有其它人写的相关插件,但是几乎都是一次性请求好数据并且不支持分页,不符合项目需求,所以就自己改了个,尽量避免动原插件的既有功能,当点击行前的折 ...
- html中字段是日期控件,jQuery日历插件datepicker用法详解
jQuery是一款不可多得的非常优秀的javascript脚本开发库,而基于其上的很多插件也是非常规范和卓越的,如果错过这番美景真是太可惜了,比如datepicker这个插件. 一般MIS系统的前端, ...
- ASP.NET中 Calendar(日期控件)的使用
ylbtech-ASP.NET-Control-Basic:Calendar(日期控件)的使用 ASP.NET中 Calendar(日期控件)的使用. 1.A,运行效果返回顶部 Calendar(日期 ...
- 精确到秒的JQuery日期控件,jquery日历插件,jquery日期插件
2019独角兽企业重金招聘Python工程师标准>>> 效果图如下: 首先在页面中引用一下库: <link type="text/css" href=&qu ...
- My97时间插件使用、My97设置日期控件日期格式
My97设置日期控件日期格式 需要什么格式的只需要修改dateFmt的值就可以了 <input type="text" id="d233" onclick ...
- Wdatepicker日期控件的下载和详细使用说明
一.下载链接 http://www.my97.net/down.asp 二.基本用法示例 (1)第一步,引入JS.下载后文件如下, 解压后,将文件夹里的东西全部复制到项目的文件夹 WdatePicke ...
- js插件---日期控件My97DataPicker的使用
1. 注意事项 (1)My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名: (2)各目录及文件的用途: WdatePicker.js 配置文件,在 ...
- asp.net的一个不错日期控件
/* asp.net日期控件使用说明: 以下部分在中 <SCRIPT src="res/JS.js"></SCRIPT> <SCRIPT langua ...
- IE5下通过、不会被列表框遮挡的日期控件
一般不会被列表框遮挡的日期控件都是用一个透明的iframe来做的,但在IE5下因为透明风格不被支持却无法正常使用.这个控件直接使用iframe作为日期选择界面,就解决了兼容性问题.不过只有简单的选择功 ...
最新文章
- iOS 10.3下使用Fiddler抓取HTTPS请求
- 自然语言处理技术(NLP)在推荐系统中的应用 原2017.06.29人工智能头条 作者: 张相於,58集团算法架构师,转转搜索推荐部负责人,负责搜索、推荐以及算法相关工作。多年来主要从事推荐系统以及机
- JAVA笔记14__多线程共享数据(同步)/ 线程死锁 / 生产者与消费者应用案例 / 线程池...
- Python学习day12(生成器,列表/生成器推导式)
- 判断IMEI或MEID是否合法
- 从零开始山寨Caffe·叁:全局线程管理器
- 手机腾讯网mt2.0增量更新算法优化小记
- 文档中的公式编号怎么不从1开始
- android:DDMS查看Threads
- rl滤波器原理_浅谈滤波器原理以及其他基础知识
- 【黑马程序员数据库】数据库基础大总结
- Shottr 免费好用的Mac 截屏软件
- 10 个win10上记事本的替代品
- python qq 聊天记录词云制作
- 华为手机记事本导出_你知道便签记事本在手机哪里储存吗?
- 万洲金业:投资现货黄金的收益与风险如何平衡?
- 怎样制作Lrc歌词文件
- 猿创征文|pandas实现将矩阵导出到excel+对矩阵进行连接
- instancetype 与 id for Objective-C
- html卷轴展开动画,【原】ppt动画技巧:如何简单制作卷轴展开动态效果
热门文章
- logo是啥_乐夏2开播,33支乐队的Logo设计,凭啥一个塑料袋最火?
- 在php中函数名称区分大小写吗,PHP中的变量名,函数名,类名是区分大小写的吗...
- 裤子尺码对照表eur40_弄明白这两个问题,你就知道内衣尺码怎么区分
- 编程判断元素归类_如何使用jquery判断一个元素是否含有一个指定的类(class)...
- 自动生成网络拓扑图开源_为视频自动生成字幕,一款神奇的开源工具!
- linux mysql设置数据库utf_设置mysql数据库 utf8
- Android开发之高德定位参数设置
- iOS 推送通知 客户端实现
- 美国人用什么android手机,美国人最爱的安卓手机:多年稳居榜首,与iPhone共分一杯羹...
- idea从安装到项目启动