前端框架毫秒数转当前时间格式和获取下拉框的内容

最新推荐文章于 2023-04-23 15:18:36 发布

qq_43226824

最新推荐文章于 2023-04-23 15:18:36 发布

阅读量271

点赞数 1

本文链接：https://blog.csdn.net/qq_43226824/article/details/84721965

版权

1、数据库表中数据类型datatime展示在前端框架数据表格中的是毫秒数

//利用formatter : function(value, row, index) {return getMyDate(value);}方法将毫秒数转化为标准时间格式
//formatter:对后台传入数据 进行操作 对数据重新赋值 返回return到前台
$(function() {
	// 数据表格加载
	$('#table').bootstrapTable({
						url : '/crm_maven/sy/salChanceAction_SalesList.action',
						method : 'POST',
						contentType : 'application/x-www-form-urlencoded; charset=UTF-8',
						toolbar : '#toolbar',
						sidePagination : "client",// 客户端分页
						striped : true,
						cache : false,
						pagination : true,
						pageNumber : 1,
						pageSize : 5,
						<!--bootstrap 模糊查询 -->
						queryParams: queryParams,// 传递参数（*）
						pageList : [ 5, 10, 25, 50, 100 ],
						exportDataType : "selected",
						exportTypes : [ 'excel', 'xlsx' ],
						exportOptions : {
							fileName : '未上架书籍',
						},
						columns : [
								{
									checkbox : true
								},
								{
									field : 'chc_id',
									title : '编号',
									align : 'center',
									valign : 'middle'
								},
								{
									field : 'chc_cust_name',
									title : '客户名称',
									align : 'center',
									valign : 'middle'
								},
								{
									field : 'chc_title',
									title : '概要',
									align : 'center',
									valign : 'middle'
								},
								{
									field : 'chc_linkman',
									title : '联系人',
									align : 'center',
									valign : 'middle'
								},
								{
									field : 'chc_tel',
									title : '联系电话',
									align : 'center',
									valign : 'middle'
								},
								{
									field : 'chc_create_date',
									title : '创建时间',
									align : 'center',
									valign : 'middle',
									formatter : function(value, row, index) {
										return getMyDate(value);
									}
								},
								{
									title : '操作',
									align : 'center',
									valign : 'middle',
									formatter : function(value, row, index) {
										
										return [
											'<button id="btn_detail" type="button" class="btn btn-primary" onclick="designate()">指派</button>&nbsp;',
											'<button id="btn_detail" type="button" class="btn btn-success" onclick="edit()">编辑</button>&nbsp;',
											'<button id="btn_detail" type="button" class="btn btn-warning" onclick="Delete()">删除</button>'
										].join('');
									}
								} ],
						onPostBody : function() {// 为复选框增加居中,表格加载完后
							$(".bs-checkbox").css({
								'text-align' : 'center',
								'vertical-align' : 'middle'
							});
						}
					});
                  }）



// 将后台时间毫秒格式转成对应的日期格式
function getMyDate(str){
	var oDate = new Date(str),
	oYear = oDate.getFullYear(),
	oMonth = oDate.getMonth()+1,
	oDay = oDate.getDate(),
	oHour = oDate.getHours(),
	oMin = oDate.getMinutes(),
	oSen = oDate.getSeconds(),
	oTime = oYear +'-'+ getzf(oMonth) +'-'+ getzf(oDay) +' '+ getzf(oHour) +':'+ getzf(oMin) +':'+getzf(oSen);// 最后拼接时间
	return oTime;
	};
	// 补0操作
	function getzf(num){
	if(parseInt(num) < 10){
	num = '0'+num;
	}
	return num;
	}

获取下拉框的内容和值

     <select id="chc_due_names" name="chc_due_name">
			<option>请选择</option>
			<option  id="1">张三</option>
			<option  id="2">李四</option>
</select>

                 var id=$("#chc_due_names").val()；
                 alert("id"+id);  {1,2}
	        	var text=$("#chc_due_names").find("option:selected").text()；
	        	alert("text"+text);  {张三，李四}