elementUI el-date-picker 时间范围设置 固定时间段可选 配置
2024-09-01 13:35:05
https://blog.csdn.net/sinat_37255207/article/details/91793889
<el-date-picker
v-model="startTimeAndEndTime"
@change='pickerTime'
type="datetimerange"
format="yyyy-MM-dd HH:mm:ss"
value-format="yyyy-MM-dd HH:mm:ss"
range-separator="-"
:picker-options="pickerOptions"
:default-time="['00:00:00','23:59:59']" start-placeholder="开始日期"
end-placeholder="结束日期">
</el-date-picker>
官方文档自带的pickerOptions 事件
...
data() {
return {
pickerOptions:{
disabledDate: (time) => {
// 如果函数里处理的数据比较麻烦,也可以单独放在一个函数里,避免data数据太臃肿
return this.dealDisabledDate(time);
}
},
}
}
methods: {
dealDisabledDate (time) {
// time 是一个new Date数据
if(new Date(time).getTime()>new Date().getTime()){
return time.getTime() >= (new Date(this.SameDayPlus()).getTime()) ;
}else{
return time.getTime() < Date.now() - 2*8.64e7;//两天之内 根据自己需求来定
}
},
}
...
这样思路就比较明确了 只要时间戳大小判断好 就能固定时间选择器里面的可选范围
最新文章
- js获取div相对屏幕的坐标位置
- 内核终端判断，微信？QQ？ipad？IE？移动？Google？opera……
- tarjan算法求割点cojs 8
- TYVJ P1091 等差数列 Label：dp
- A - Robot Bicorn Attack
- win7常用键
- Clone Graph——LeetCode
- HTML5管理与实际历史的分析(history物)
- rails应用ajax之二:使用rails自身支持
- Python爬虫入门教程 48-100 使用mitmdump抓取手机惠农APP-手机APP爬虫部分
- springboot killed springboot 无故停止运行解决办法
- 基于 debian 操作系统的 docker 镜像，安装 vim
- golang 开发gui
- 在Git.oschina.net中配置TortoiseGit使用sshkey，无需输入账号和密码
- TensorFlow 安装教程
- Qt5学习记录：QString与int值互相转换
- Intent 类型
- session_id 生成原理
- PB常用函数
- windows 7 下elasticsearch5.0 安装head 插件