Elemrnt UI DatePicker日期选择器（格式、限定日期），周选择器

日期选择器（格式）

<el-date-pickertype="date"// 绑定值的格式value-format="yyyy-MM-dd"// 展示值的格式format="yyyy-MM-dd"v-model="date"placeholder="选择日期"></el-date-picker>

日期选择器（限定/禁用日期）

<el-date-pickertype="date"// 绑定值的格式value-format="yyyy-MM-dd"// 展示值的格式format="yyyy-MM-dd"v-model="date"placeholder="选择日期"// 限定日期:picker-options="setDateRange"></el-date-picker>data(){return{setDateRange: {// 要求只能选择’2022-01‘的日期，也就是要禁用除‘2022-01‘以外日期disabledDate: time => {// 获取你要限定的日期范围的-年月日const yearA = new Date(`2022-01-01`).getFullYear();const monthA = new Date(`2022-01-01`).getMonth();// 获取日历的日期的年月日const yearB = time.getFullYear();const monthB = time.getMonth();// 将两个日期比对，如果不符合，就经用，返回trueif (`2022-01` !== `${yearB}${monthB}`) {return true;} else {return false;}}}}
}

周选择器

<el-date-pickerref="dateWeek"id="getWeekData"// 根据绑定值（日期格式）所在的周来定位周v-model="weekDate"type="week"format="yyyy 年第 WW 周"placeholder="选择周"// 日期控件以星期一开头:picker-options="{ firstDayOfWeek: 1 }"size="small"></el-date-picker>// 获取xxx年xxx周的数据
watch: {weekDate() {if (this.weekDate != null) {this.$nextTick(() => {this.weekTitle = document.querySelector("#getWeekData").value;});}}},

Elemrnt UI DatePicker日期选择器（格式、限定日期），周选择器相关推荐

c mysql日期时间格式_mysql日期和时间类型
TIME 类型 TIME 类型用于只需要时间信息的值,在存储时需要 3 个字节.格式为 HH:MM:SS.HH 表示小时,MM 表示分钟,SS 表示秒. TIME 类型的取值范围为 -838:59:5 ...
php日期24格式,php日期格式转换
日期格式转换 java 2016-09-03T00:00:00.000+08:00 /** * 日期格式转换yyyy-MM-dd'T'HH:mm:ss.SSSXXX (yyyy-MM-dd'T'H ...
c mysql日期时间格式_mysql 日期和时间格式转换实现语句
这里是一个使用日期函数的例子.下面的查询选择了所有记录,其date_col的值是在最后30天以内: mysql> SELECT something FROM table WHERE TO_DAY ...
mysql定义日期类型格式_Mysql 日期时间类型详解
MySQL 中有多种数据类型可以用于日期和时间的表示,不同的版本可能有所差异,表3-2 中列出了MySQL 5.0 中所支持的日期和时间类型. 这些数据类型的主要区别如下:  * 如果要用来表示年月 ...
电脑表格日期怎么修改原有日期_表格里日期格式怎么改
excel表格日期格式设置 excel 表格日期格式设置篇一:如何在 excel 中设置日期时间格式 excel 中日期时间格式转换问题 1.2019/05/15 如何转换为 20190515 这种 ...
java中时间输出的格式_Java 打印日期/时间格式
Java格式 - Java 打印日期/时间格式 Java 打印日期/时间格式处理日期,时间和日期时间值. Java 打印日期/时间格式可以应用于格式值为long,Long,java.util.Cale ...
CSS选择器学习小结 (css基本选择器 + 组合选择器 + :nth-child()高级选择器)
目录 css基本选择器: 通用选择器: 格式: 元素选择器: 格式: 样例: id选择器: 格式: class类选择器: 格式: 分组选择器: 格式: 基本选择器的权重: css组合选择器: 后代选择 ...
element ui DatePicker 日期选择器限制只能选择今天之前或者之后--选择范围时选中第一个后前面的日期应该是禁止状态
picker-options的值是一个对象,他的disabledDate属性可以设置禁用日期 time.getTime是把选中的时间转化成自1970年1月1日 00:00:00 UTC到当前时间的毫秒 ...
element ui DatePicker 日期选择器限制只能选择今天之前或者之后
<el-date-pickerv-model="value1"type="date"placeholder="选择日期":picker ...

Elemrnt UI DatePicker日期选择器（格式、限定日期），周选择器

Elemrnt UI DatePicker日期选择器（格式、限定日期），周选择器

Elemrnt UI DatePicker日期选择器（格式、限定日期），周选择器相关推荐

最新文章

热门文章