elementui 日期选择器设置当前默认日期(picker-options),以及当前日期以后的无法选择(default-value)

摘要:
默认情况下,当前正式日期为当前日期。开业后会是这样的:现在是3月13日,但有些要求是现在的日期要晚一些。“TimeDefaultShow”是数据中的值,不是方法/El date picker˃数据(){return{pickerBeginDateBefore:{disabledDate{return time.getTime()˃date.now();}},timeDefaultShow:'',}}在created或mounted中更新timeDefaultShow:上个月的当前日期是默认值。timeDefaultShow=newDate();时间默认显示设置月份;打开它可以看到上面的效果。

目前官方的日期默认是当前日期,打开之后长这样子:现在是三月13日,但是有的需求是当前日期在后面。

elementui 日期选择器设置当前默认日期(picker-options),以及当前日期以后的无法选择(default-value)第1张

就像这样:

elementui 日期选择器设置当前默认日期(picker-options),以及当前日期以后的无法选择(default-value)第2张

 代码如下:

default-value是设置当前日期默认值的。"timeDefaultShow"是在data里面的值,而不是方法。
<el-date-picker
        v-model="pickerDate"
        type="daterange"
        range-separator="至"
        start-placeholder="开始日期"
        :picker-options="pickerBeginDateBefore"
        :default-value="timeDefaultShow"
        end-placeholder="结束日期"
        size="small"
        class="margin-right-10">
      </el-date-picker>


data() {
return {
pickerBeginDateBefore:{
disabledDate(time) {
return time.getTime() > Date.now();
}
},
timeDefaultShow:'',
}
}

在created或mounted(也就是页面第一次加载时)更新timeDefaultShow:

上个月的当前日期为默认值

that.timeDefaultShow = new Date();
 that.timeDefaultShow.setMonth(new Date().getMonth() - 1);

打开就是上面的效果了。

再说当前日期后面的日期不能选择:

(上面代码中有这句话)pickerBeginDateBefore也是一个值。附上官网链接(第一个例子里面有该方法):日期选择器

免责声明:文章转载自《elementui 日期选择器设置当前默认日期(picker-options),以及当前日期以后的无法选择(default-value)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇freemarker动态生成word并将生成的word转为PDF,openoffice转换word乱码Android DeepLink 深度链接技术实现下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

uniapp-监听自定义跳转

methodsonNavigationBarButtonTap(e){//监听自定义导航栏按钮跳转页面uni.navigateTo({url:'liShiYuYue'})}导航栏弹框methodsonNavigationBarButtonTap(e){//监听自定义导航栏按钮跳转页面uni.showModal({title:'是否退出',success:fu...

什么是MBS,ABS和CDO

本质上,MBS、ABS和CDO都是资产证券化产品。因此,买方每月定期支付的款项是偿还MBS本金和利息的基础。在欧洲,MBS和CDO是资产证券化过程中增长最快的两个市场。与MBS相比,CDO的基础资产、SPV结构和管理法规更加多样化。在全球范围内,CDO交易市场约占所有资产证券化产品交易的40%。...

POI设置边框

对单元格设置边框时,有上下左右位置之分,所以POI也准备了四个不同的方法。值说明BORDER_DASH_DOTdash-dotborderBORDER_DASH_DOT_DOTdash-dot-dotborderBORDER_DASHEDdashborderBORDER_DOTTEDdotborderhair-lineborderBORDER_DOUBLEd...

TortoiseGit安装、配置(Git 小乌龟安装)

然后关闭5ToroiseGit。以克隆验证中心项目为例,验证TortoiseGit配置是否正确。注意:在克隆代码之前,请确保您具有相关的项目代码权限。如果您没有权限,请具有主权限的同事帮助您分配登录gitlab的权限,在本地目标下载目录中获取SSH链接地址,右键单击--˃TortoiseGit--˃克隆,然后将SSH链接地址粘贴到URL,单击“确定”确认项目...

sqlserver 计算 百分比

selectltrim+'%'As百分比NUMERIC(P,S)P的默认值是:38S的默认值是:-84~127numeric(a,b)函数有两个参数,前面一个为总的位数,后面一个参数是小数点后的位数,例如numeric(5,2)是总位数为5,小数点后为2位的数,也就是说这个字段的整数位最大是3位。...

PHP 垃圾回收机制(转)

GC进程通常从每个会话开始运行。GC的目的是在会话文件过期__destruct/unset__destruct()析构函数后自动销毁和删除它们。PHP将使用全局变量session.gc_Probability和session.gc_advisor的值session.gc_Probability=1,...