startDate: Date(),//开始日期从今天开始
datesDisabled:['2021-11-25'],//指定日期不能选择
//daysOfWeekDisabled: [0,6], //指定星期不能选择
//endDate:new Date()//结束日期 到今天
datesDisabled:['2021-11-25'] ,
是指定不能选择的日期。
daysOfWeekDisabled: [0,6],
指定星期不能选择,禁用。
首先,在选用 ElementUI 关于时间的
选择
器时,通常会设置 今天之后的时间不可选 或者 今天之前的时间不可选 等其他关于时间限制的需求。
那么参考相关文章和官方文档之后,我们可以知道,我们需要使用 picker-options 里的 disabledDate 去对其进行限制。在这里,参考的文章如下:
【ElementUI】
日期
选择
器时间
选择
范围限制,根据接口灵活设置可选时间。只能选今天之前的时间,或者是只能选今天之后的时间。今天是否可以选。限制结束
日期
不能
大于开始
日期
同样的一句话,咋就遇到问
$(function () {
var daysToDisable = ['12-2-2010', '12-7-2010', '12-10-2010', '12-18-2010'];
<el-date-picker v-model="ruleForm.monitorTime " format="yyyy-MM-dd HH:mm" style="width:100%"
value-format="yyyy-MM-dd HH:mm:ss" type="datetime" :picker-options="pickerOptions"
placeholder="
选择
日期
">
</el-date-picker>
pickerOptions: {
在项目中使用Element-ui中
DateTimePicker
日期
时间
选择
器时,开始时间需要默认当天时间零点零时零秒(xxxx-xx-xx 00:00:00);结束时间需要默认当前时间几点几时几秒(比如现在是2022-07-06 15:04:31);用户进行
选择
器筛选时,选中开始时间,结束时间会控制在开始时间的6个月内,超过6个月的时间禁用,不可选。保证筛选范围一直控制在6个月。
获取当天零点:
获取当前时间:
父组件传值
tool.ts
把通用方法最好封装成一个方法,放到一个文件里,方便多文件调用
1. 使用Value属性获取
日期
值,例如:
datetimepicker
1.Value。
2. 使用Text属性获取
日期
值的字符串表示形式,例如:
datetimepicker
1.Text。
3. 使用CustomFormat属性获取
日期
值的自定义格式,例如:
datetimepicker
1.CustomFormat。
希望对您有所帮助!