首页 > 编程知识 正文

vue日历怎么修改样式,el-select修改选择样式

时间:2023-05-06 17:39:16 阅读:180413 作者:746

divclass=' block ' El-date-pickerv-model=' select start time ' type=' date ' placeholder='开始日期' : picker-op time color:#fff; 字体大小: 12px;' (至)/span El-date-pickerv-model=' select end time ' type=' date ' placeholder='结束日期' : picker-options=' pime

点击开始日期。 例如,7月2日的情况下,结束日期也是7月2日。

可以选择结束日期,但只能选择7月2日到7月7日

开始日期为空时,不能选择结束日期

js部分

data () return ) pickeroptions0: ) disableddate: ) time )={if(this.selectstarttime!='' this.selectStartTime!=null(return ) time.gettime ) (Date.now ) ) this.select end time=this.select start time ); }elseif(this.selectendtime!='' this.selectEndTime!=null ) returntime.gettime(date.now )|| time.gettime this.select end time; } else{ return time.getTime () Date.now ); }、picker options 1: { disabled date : (time )={if ) this.selectstarttime!=' ' ) { var start date=this.select start time (1000 * 60 * 60 * 24 ) 6;//只能显示6天的varstartdate=newdate(startdate ); //标准时间return time.gettime (this.select start time|| time.gettime )=start date|| time.gettime=date.now )。 } else { return time.getTime () this.select start time|| time.gettime ) )=Date.now ); }、selectstarttime3360 '、selectendtime: '、}日期初始化

mounted : function ((this.getdatatime ) (methods: ) get datatime ) ) this.selectstarttime=newdate ) getdatatime

就像今天的日期7.22

修正了单击getstartechart(getendechart )时出现的事件是饥饿还是ui的样式

. block1. El-input _ inner { width :150 px; height: 25px; color:白色; background-color:#0C2152; } .el-date-editor.el-input, El-date-editor.El-input _ inner { width 3360150 px; } el-input__inner这个可以通过按F12来搜索

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。