在element 中的时间范围选项,直接默认的是以当前激活时间为默认,往后延续一个月,但我经常需要设置default-value属性。

<el-date-pickerv-model="value1"type="daterange"range-separator="至"start-placeholder="开始日期"end-placeholder="结束日期"></el-date-picker>

如今天我这里是2月18日,则为

但是我在使用这个组件的过程中,往往是提交时间搜索以前的数据内容,也就是说我需要看到的是今天之前的日期。比如说从今天到三十天前的数据,因此这个默认时间就显得不太对劲了。

<el-date-pickeralign="center"v-model="dateRange":default-value="timeDefaultShow"type="daterange"range-separator="~"start-placeholder="开始日期"end-placeholder="结束日期":default-time="['00:00:00', '23:59:59']"></el-date-picker>data(){
return {
timeDefaultShow:"",
}
}

这里就用到了组件的default-value属性。

然后就是在页面初次加载或者获取焦点的时候获取timeDefaultShow 的时间了。

mounted() {this.timeDefaultShow = new Date();this.timeDefaultShow.setMonth(new Date().getMonth() - 1);
}

element 时间组件的默认时间设置default-value属性相关推荐

  1. vue 日期选择器默认时间_ant-design-vue 时间选择器赋值默认时间的操作

    我就废话不多说了,大家还是直接看代码吧~ show-time format="YYYY/MM/DD HH:mm:ss" :value="[this.moment(star ...

  2. vant日历组件van-calendar默认时间的坑

    <van-cell title="选择日期区间" :value="date" @click="showDate = true" /&g ...

  3. Linux系统内修改时间与恢复默认时间

    1.date命令可查看当前时间 2.date 1118091621.30可以修改时间为2021年11月18号09点16分30秒 也可以分开设置,date -s 11/18/21 将日期设置为2021年 ...

  4. elementUI 日期时间选择器添加默认时间

    GetDateStr(AddDayCount) { var dd = new Date();dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后 ...

  5. Material Design 2日期组件显示汉化 ,materia时间组件国际化,md2 时间组件汉化

    解决md2的Datepicker显示中文问题,主要有二种方式. 方式一修改源代码,这种方式不推荐 方式二:在使用日期组件的地方,或直接在app.component.ts中构造方法中修改里面month. ...

  6. elementUI时间日期组件设置的默认时间在ie中无法重置

    在使用elementUI的时间日期组件时往往会设置一个默认时间,此时如果同时设置了placeholder属性,在第一次进入页面时直接重置,调用elementUI的重置表单方法resetField,在I ...

  7. 利用element日期组件,封装季度组件, 实现日、周、月、季度切换,默认禁用部分日期选择(附带:获取昨日、昨日所在周、昨日所在月、昨日所在季度等方法)

    具体效果图下: 1. 季度组件封装,创建一个 quarterDate.vue文件 <!-- 季度组件 --> <template><div><el-popov ...

  8. element 日历组件应用相关的问题

    1.使用element日历组件会自带按钮组,要实现切换时间的时候去获取相关月份的排班数据,但是按钮组并不存在于日历组件中 <el-calendar v-model="value&quo ...

  9. antd DatePicker 时间控件 限制选择当天之前时间,今天之前时间

    根据官方提供的disabledDate属性来设置可选区间,new Date 可以替换成固定时间节点如:newDate(1992-01-01) disabledDate = (current) => ...

最新文章

  1. PHP如何通过Http Post请求发送Json对象数据?
  2. 同事今天早上拍的几幅雪后的照片。传上来大家看看。
  3. 阿里云PyODPS 0.7.18发布,针对聚合函数进行优化同时新增对Python 3.7支持
  4. 【开发技术】java中代码检查checkStyle结果分析
  5. 求周期方波信号的傅里叶级数_1-1 求周期方波(见图1-4)的傅里叶级数(复指数函数形 ….doc...
  6. scikit-learn 入门
  7. javabean 连接mysql_连接mysql的javabean实例+简单分页
  8. 7004.vue脚手架快速生成项目
  9. 《手把手教你》系列基础篇之4-python+ selenium自动化测试-xpath使用(详细教程)
  10. POJ 1797 Heavy Transportation 最短路变形(dijkstra算法)
  11. es6学习笔记-顶层对象_v1.0_byKL
  12. Debian9用户态下安装pipenv
  13. vue-cli中引入jquery的方法
  14. 尚学堂的J2EE教程免费下载(非常经典的JAVA教程)
  15. R语言学习笔记 | R语言的入门
  16. netty和dubbo的hashwheel时间轮定时器原理和源码解析
  17. KEGG 下载 Pathway 通路数据
  18. 名利如过往云烟,知足就好
  19. 维和医疗分队患者信息管理系统的开发与研究
  20. (18)python字符串的使用

热门文章

  1. 名片设计_名片设计:7个要考虑的要素
  2. 量化交易中VWAP/TWAP算法的基本原理和简单源码实现(C++和python)(转)
  3. 一加6安装android,一加6T安装win10操作系统,比安卓原生系统还要流畅
  4. [论文翻译]Actor-Attention-Critic for Multi-Agent Reinforcement Learning
  5. 3D lidar障碍检测 环境配置
  6. eclipse 中的注释 快捷键 多行注释快捷键 单行注释快捷键
  7. 手把手:如何用R制作动态图
  8. C语言判断是否到达文件末尾
  9. 入门级教程——一文掌握Git和GitHub的基本使用
  10. 作别硬件拼杀时代,PPTV电视能否靠“内容”决胜千里?