1.需求
默认显示 时间范围 且查询参数必传 格式 2024-11-15 00:00:00
//页面显示的 带时分秒
createTime:[(new Date()).Format("yyyy-MM-dd 00:00:00"),(new Date()).Format("yyyy-MM-dd 23:59:59")],
//不带时分秒
createTime:[(new Date()).Format("yyyy-MM-dd"),(new Date()).Format("yyyy-MM-dd")],
1.
// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)
Date.prototype.Format = function (fmt) { //author: meizz
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
使用:
(new Date()).Format("yyyy-MM-dd hh:mm:ss.S") //输出结果: 2017-01-23 09:36:10.400
(new Date()).Format("yyyy-M-d h:m:s.S") //输出结果: 2017-1-23 9:36:35.572
<el-date-picker
type="datetimerange"
v-model="createTime"
align="right"
start-placeholder="开始日期"
end-placeholder="结束日期"
:default-time="['00:00:00', '23:59:59']">
</el-date-picker>
import { parseTime } from '@/utils/ruoyi'
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 10,
id: null,
newDealTimeStart: null,
newDealTimeEnd: null,
},
createTime:[(new Date()).Format("yyyy-MM-dd 00:00:00"),(new Date()).Format("yyyy-MM-dd 23:59:59")],
/** 查询支付用户管理列表 */
getList() {
if(this.createTime !== null) {
this.queryParams.newDealTimeStart = parseTime(this.createTime[0], '{y}-{m}-{d} {h}:{i}:{s}')
this.queryParams. newDealTimeEnd = parseTime(this.createTime[1], '{y}-{m}-{d} {h}:{i}:{s}')
} else {
this.queryParams.newDealTimeStart = null
this.queryParams. newDealTimeEnd = null
}
getApiClientAccount(this.queryParams).then(response => {
this.payUserList = response.records;
this.total = response.total;
this.loading = false;
});
},