elementUI 日期 周一、周二、周三、周四、周五、周六、周日快捷键
<el-date-picker
v-model="ruleForm.pickDateMeal"
type="daterange"
align="right"
:range-separator="$t('message.To')"
:start-placeholder="$t('message.Start_date')"
:end-placeholder="$t('message.End_date')"
@change="getDateHandler"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
:picker-options="pickerOptions2"
:default-value="defalutDate"
>
</el-date-picker>
pickerOptions2: {
shortcuts: [{
text: '星期一',
onClick (picker) {
const end = new Date()
const start = new Date()
_this.getDaysMonday(start, 90, 2, 1, _this.allDays)
picker.$emit('pick', [start, end])
}
}, {
text: '星期二',
onClick (picker) {
const end = new Date()
const start = new Date()
_this.getDaysMonday(start, 90, 2, 2, _this.allDays)
picker.$emit('pick', [start, end])
}
}, {
text: '星期三',
onClick (picker) {
const end = new Date()
const start = new Date()
_this.getDaysMonday(start, 90, 2, 3, _this.allDays)
picker.$emit('pick', [start, end])
}
}, {
text: '星期四',
onClick (picker) {
const end = new Date()
const start = new Date()
_this.getDaysMonday(start, 90, 2, 4, _this.allDays)
picker.$emit('pick', [start, end])
}
}, {
text: '星期五',
onClick (picker) {
const end = new Date()
const start = new Date()
_this.getDaysMonday(start, 90, 2, 5, _this.allDays)
picker.$emit('pick', [start, end])
}
}, {
text: '星期六',
onClick (picker) {
const end = new Date()
const start = new Date()
_this.getDaysMonday(start, 90, 2, 6, _this.allDays)
picker.$emit('pick', [start, end])
}
}, {
text: '星期日',
onClick (picker) {
const end = new Date()
const start = new Date()
_this.getDaysMonday(start, 90, 2, 0, _this.allDays)
picker.$emit('pick', [start, end])
}
}, {
text: '今天',
onClick (picker) {
picker.$emit('pick', new Date())
}
}
],
// 设置选择今天以及今天之后的日期
disabledDate (time) {
return time.getTime() < Date.now() - 8.64e7
}
}
elementUI 日期 周一、周二、周三、周四、周五、周六、周日快捷键的更多相关文章
- SQL取出 所有周六 周日的日期
SQL取出 所有周六 周日的日期 create table SatSun([id] int identity(1,1),[date] datetime,[weekday] char(6)) go de ...
- vue element-ui 日期选择器组件 日期时间格式化
vue element-ui 组件开发大大提高了我们的效率,但有时候并不能满足我们的需求,例如时间,日期组件: element-ui 日期返回的格式是这样的,看下图: 但我们要的是另一个格式 , 如下 ...
- ElementUI日期选择器时间选择范围限制
ElementUI是饿了么推出的一套基于vue2.x的一个ui框架.官方文档也很详细,这里做一个element-ui日期插件的补充,官方文档中使用picker-options属性来限制可选择的日期,这 ...
- element-ui 日期选择器范围时间限制
来自 https://www.cnblogs.com/xjcjcsy/p/7977966.html 侵删 ElementUI是饿了么推出的一套基于vue2.x的一个ui框架.官方文档也很详细,这里做一 ...
- C#去掉周六周日的算法
/// <summary> /// 用来获取工作日(不含周六周日) /// </summary> /// <param name="dtSub"> ...
- WPF 自定义Calendar样式(日历样式,周六周日红色显示)
一.WPF日历控件基本样式 通过Blend获取到Calendar需要设置的三个样式CalendarStyle.CalendarButtonStyle.CalendarDayButtonStyle.Ca ...
- 关于element-ui日期选择器disabledDate使用心得
实现目的: 使用type="data"类型实现具备开始日期与结束日期组件(ps:element有自带的type="daterange"类型的组件可以实现此功能) ...
- element-ui日期组件DatePicker选择日期范围赋值编辑问题
最近在项目中使用element-UI的日期范围组件时遇到一个问题,相信很多人也做过这种场景,一个录入页面也同时是编辑页面,编辑的时候就需要先赋值.但是我给date组件赋值后,确无法操作了,change ...
- element-ui日期组件DatePicker设置日期选择范围Picker Options
element-UI提供了DatePicker日期选择器组件,可以让我们很方便的获取到日期,默认的选择是全部的日期都可以选择的,但是很多场景中我们要对日期选择范围做限定,比如出行日期就不能选过去的日期 ...
随机推荐
- js动态修改title
问题描述: 由于微信浏览器只在页面首次加载时初始化了标题title,之后就没有再监听 window.title的change事件.所以这里修改了title后,立即创建一个请求,加载一个空的iframe ...
- leetcode-algorithms-25 Reverse Nodes in k-Group
leetcode-algorithms-25 Reverse Nodes in k-Group Given a linked list, reverse the nodes of a linked l ...
- WDA基础七:TABStrip
这个组件很少用. 一般用这个,是为了页面好看,还有就是布局排版的问题,因为多个页签其实占的是一块地... 新建ELEMENT TABStrip,右键tabstrip,插入页签,需要几个加几个... 加 ...
- maven生命周期绑定要点
生命周期不执行任何操作,都是抱插件大腿 maven-core-3.3.9-sources.jar下META-INF/plexus/components.xml的定义了三个生命周期的插件绑定 参考:ht ...
- Eclipse直接打开类文件/文件夹所在的本地目录
1.Eclipse原生的文件浏览操作 选择项目目录/文件 按 ALT+SHIFT +W , 会弹出菜单点击 System Explorer 就可以打开文件所在的本地目录了: 设置工具目录 Run -- ...
- 33 个 2017 年必须了解的 iOS 开源库
本文翻译自Medium,原作者为Pawe? Bia?ecki 照片版权:(Unsplash/Markus Pe) 你好,iOS 开发者们!我的名字叫 Pawe?,我是一个独立 iOS 开发者,并且是 ...
- Django之信号和序列化
前言 Django的信号要从一张抽象图和一个需求说起: 赛道:Django 赛车:http请求 基础设施:Django设置的信号 一.Django内置信号类型 1.既然赛道上有各种基础设置,那么Dja ...
- 随机数类Random
我们来学习下,用来产生随机数的类Random,它也属于引用数据类型. 这个Random类,它可以产生多种数据类型的随机数,在这里我们主要介绍生成整数与小数的方式. l 方法简介 public int ...
- Boost中的网络库ASIO,nginx
boost C++ 本身就是跨平台的,在Linux.Unix.Windos上都可以使用. Boost.Asio 针对网络编程,很多服务端C++开发使用此库. 这个库在以下的平台和编译器上测试通过: ...
- svg 学习笔记
http://git.oschina.net/heboliufengjie/demo/tree/master/svg?dir=1&filepath=svg&oid=3a44203972 ...