element ui 怎么去修改el-date-picker的时间
2024-10-21 05:07:12
<el-date-picker
v-model="formSearch.timeRange"
type="daterange"
placeholder="选择日期"
range-separator=" ~ "
:picker-options="pickerOptions">
</el-date-picker>
pickerOptions: {
shortcuts: [{
text: '今天',
onClick(picker) {
const end = new Date();
end.setHours(23, 59, 59);
const start = new Date(end);
start.setTime(end.getTime() - 3600 * 1000 * 24 + 1000);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近一周',
onClick(picker) {
const end = new Date();
const start = new Date();
end.setHours(23, 59, 59);
start.setTime(end.getTime() - 3600 * 1000 * 24 * 7 + 1000);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近一个月',
onClick(picker) {
const end = new Date();
const start = new Date();
end.setHours(23, 59, 59);
start.setTime(end.getTime() - 3600 * 1000 * 24 * 30 + 1000);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近三个月',
onClick(picker) {
const end = new Date();
const start = new Date();
end.setHours(23, 59, 59);
start.setTime(end.getTime() - 3600 * 1000 * 24 * 90 + 1000);
picker.$emit('pick', [start, end]);
}
}, {
text: '最近一年',
onClick(picker) {
const end = new Date();
const start = new Date();
end.setHours(23, 59, 59);
start.setTime(end.getTime() - 3600 * 1000 * 24 * 365 + 1000);
picker.$emit('pick', [start, end]);
}
}]
}
fetchData() {
this.listLoading = true
setTimeout(() => {
this.listLoading = false
}, 10000)
var params = {}
if(this.entId){
params = Object.assign(this.formSearch, {
entId: this.entId
})
} else {
params = Object.assign({}, this.formSearch)
//重点在这里
if (params.timeRange[0]) {
params.from = this.handleTime(params.timeRange[0])
params.to = this.handleTime(params.timeRange[1])
}
}
fetch.getFiveList(params).then(res => {
this.listLoading = false
if (res.status == 200) {
this.list = res.data.data.content
this.totalCount = parseFloat(res.data.data.totalElements)
} else if (res.status >= 500) {
this.$message.error('服务器错误')
} else {
this.$message.warning(res.data.message)
}
}).catch(err => {
this.listLoading = false
this.$message.warning('加载失败!')
})
},
handleTime(time, isStart) {
let date = new Date(time)
let year = date.getFullYear()
let month = date.getMonth() + 1
let day = date.getDate()
return [year, month, day].map(num => this.handleNumber(num)).join('-')
}
最新文章
- Nand Flash,Nor Flash,CFI Flash,SPI Flash 之间的关系
- div赋值,取值和input赋值,取值
- 深入理解openstack网络架构(3)-----路由
- asp.net C#发送邮件类
- Python简单时间日期处理
- CSS 外边距合并
- 【OpenStack】OpenStack系列17之OpenStack私有云设计一
- Jquery 中each循环嵌套的使用示例教程
- iOS开发那些事-iOS6苹果地图有用开发
- 数据库索引------B-Tree 索引和 Hash 索引的对比
- java 如何将 word,excel,ppt如何转pdf --openoffice (1)
- java递归
- 2019CVTE技术支持软件编程2
- Scala - 快速学习04 - 求值策略
- [20190219]那个更快(11g).txt
- Flask中的CBV
- 滴水穿石-08IO
- 如何用java读取properties文件
- 【总结】selenium webdriver 远程连接firefox和IE 环境搭建
- angular.js测试框架protracotr安装所需的node版本
热门文章
- np.minimum()与tf.minimum()的用法
- 网络监听工具 嗅探器 SpyNet
- C语言判断字符串是否是 hex string的代码
- 解决window tomcat 8.5 启动控制台输出为乱码
- Node: 开发命令行程序英文版 (Create Your Own CLI)
- JS正则表达式提取数字
- Linux环境变量设置declare/typeset
- springboot+mybatis +yml文件配置多数据源
- SpringCloud2.0 Ribbon 服务发现 基础教程(四)
- Mac下安装oh my zsh之后配置环境变量失效问题