前端总结

1.datetimepicker用法总结

https://blog.csdn.net/yucaifu1989/article/details/77248791

<!-- Bootstrap-datetimepicker -->
<link type="text/css" rel="stylesheet" href="${ctx}/common/style/css/bootstrap-datetimepicker.min.css"/>
<script type="text/javascript" src="${ctx}/common/jslib/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="${ctx}/common/jslib/locales/bootstrap-datetimepicker.zh-CN.js"></script>

	$('#year').datetimepicker({
		format:'yyyy',
		autoclose:true,//默认值：false,当选择一个日期之后是否立即关闭此日期时间选择器。
		startView:4,//默认值：2, 'month'
		minView:4,//日期时间选择器所能够提供的最精确的时间选择视图。
		todayBtn:false,
		todayHighlight:true,// 默认值: false,如果为true,高亮当前日期。
		language:'zh-CN',
		//pickerPosition:'top-right',
		endDate:new Date(),
		clearBtn:true
	});

2.JS组件系列——表格组件神器：bootstrap table

https://www.cnblogs.com/landeanfen/p/4976838.html

var dataTable=$('#dataTable').bootstrapTable({
	    url: root()+'/assetsstatistics/dataStatusList',         //请求后台的URL（*）
	    undefinedText : '0',
		pagination : true, // 分页
		striped : false, // 是否显示行间隔色
		queryParams : queryParams,
		queryParamsType : 'limit',
		showFooter:true,
		paginationLoop : false, // 启用分页条无限循环的功能
		cache : false, // 是否使用缓存
		pageNumber : 1,
		pageSize : 10,
		pageList : [10,50,100,200],
		showColumns : false, // 显示隐藏列
		showRefresh : false, // 显示刷新按钮
		uniqueId : "id",		// 每一行的唯一标识
		sidePagination : "server", // 服务端处理分页
		clickToSelect: true,
		columns : [{
			field : 'id',
			width : '150',
			title : '编号',
			visible:false
		},{
			field : 'category',
			title : '类别',
			sortable : true,
			footerFormatter: function (data) {
		        return "合计";
		    }
		},{
			field : 'price',
			title : '金额',
			sortable : true,
			formatter:function(value,row,index){
				return value.toFixed(2);
			},
			footerFormatter: function (data) {
		        var count = 0;
		        for (var i in data) {
		            count += data[i].price;
		        }
		        return count.toFixed(2)+"";
		    }
		}]
	});

https://blog.csdn.net/princeLuan/article/details/69664227

$('#dataTable').bootstrapTable("refresh");