$(function() {
//1.初始化Table
var oTable = new TableInit();
oTable.Init();
//2.初始化Button的点击事件
var oButtonInit = new ButtonInit();
oButtonInit.Init();
$(".form_datetime").datetimepicker({
format: "yyyy-mm-dd",
autoclose: true,
todayBtn: true,
todayHighlight: true,
showMeridian: true,
pickerPosition: "bottom-left",
language: 'zh-CN', //中文,需要引用zh-CN.js包
startView: 2, //月视图
minView: 2//日期时间选择器所能够提供的最精确的时间选择视图
});
var oDate = new Date();
var year = oDate.getFullYear(); //获取系统的年;
var moth = oDate.getMonth() + 1; //获取系统月份,由于月份是从0开始计算,所以要加1
var date = oDate.getDate(); // 获取系统日,
var hours = oDate.getHours(); //获取系统时,
var min = oDate.getMinutes(); //分
var sec = oDate.getSeconds(); //秒
if (hours <= 8) {
document.getElementById("date").value =
(new Date().getFullYear()) + "-" + (new Date().getMonth() + 1) + "-" + (new Date().getDate() - 1);
}
else {
document.getElementById("date").value =
(new Date().getFullYear()) + "-" + (new Date().getMonth() + 1) + "-" + (new Date().getDate());
}
window.onload = function() {
$('#btn_query').trigger('click');
}
});
var TableInit = function() {
var oTableInit = new Object();
oTableInit.Init = function() {
$('#beonduty').bootstrapTable({
url: 'ashx/QueryDuty.ashx', //请求后台的URL(*)
method: 'get', //请求方式(*)
toolbar: '#toolbar', //工具按钮用哪个容器
striped: true, //是否显示行间隔色
cache: false, //是否使用缓存,默认为true,所以一般情况下需要设置一下这个属性(*)
pagination: false, //是否显示分页(*)
sortable: false, //是否启用排序
sortOrder: "asc", //排序方式
queryParams: oTableInit.queryParams, //传递参数(*)
sidePagination: "server", //分页方式:client客户端分页,server服务端分页(*)
pageNumber: 1, //初始化加载第一页,默认第一页
pageSize: 1000, //每页的记录行数(*)
pageList: [10, 25, 50, 100], //可供选择的每页的行数(*)
search: false, //是否显示表格搜索,此搜索是客户端搜索,不会进服务端,所以,个人感觉意义不大
strictSearch: false,
showColumns: false, //是否显示所有的列
showRefresh: false, //是否显示刷新按钮
minimumCountColumns: 2, //最少允许的列数
clickToSelect: true, //是否启用点击选中行
height: 500, //行高,如果没有设置height属性,表格自动根据记录条数觉得表格高度
uniqueId: "UCML_UserOID", //每一行的唯一标识,一般为主键列
showToggle: false, //是否显示详细视图和列表视图的切换按钮
cardView: false, //是否显示详细视图
detailView: false,
columns: [
{
field: 'DepName',
title: '部门名称'
}, {
field: 'shiftCategoryName',
title: '班次'
}, {
field: 'EmployeeName',
title: '姓名'
}, {
field: 'Tel',
title: '电话',
formatter: function(value, row, index) {
return '<a href=tel:' + value + '>' + value; 'οnclick="constructionManager()"></a> '
}
}
]
});
};
//得到查询的参数
oTableInit.queryParams = function(params) {
var temp = { //这里的键的名字和控制器的变量名必须一直,这边改动,控制器也需要改成一样的
limit: params.limit, //页面大小
offset: params.offset, //页码
date: $("#date").val()
};
return temp;
};
return oTableInit;
};
var ButtonInit = function() {
var oInit = new Object();
var postdata = {};
oInit.Init = function() {
$('#btn_query').click(function() {
var date = $('#date').val();
$('#beonduty').bootstrapTable('refresh');
}
);
};
return oInit;
};
bootstrp使用
最新推荐文章于 2022-09-18 11:36:42 发布