标签:return vacation element parse 过滤 时间 time Date 拿到
element 时间过滤
需求:学生选择假期,再选取时间,时间必须在假期中
- 核心vue代码
<el-form-item label="申请假期">
<el-autocomplete
v-model="stayAtSchoolForm.stay_at_school_id"
:fetch-suggestions="stay_at_school_idQuerySearchAsync"
placeholder="请输入内容"
@select="stay_at_school_idHandleSelect"
></el-autocomplete>
</el-form-item>
<el-form-item label="开始时间 ">
<el-date-picker
v-model="stayAtSchoolForm.start_date"
type="datetime"
:disabled="disableTime"
:picker-options="pickerOptionsStartTime"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
<el-form-item label="结束时间 ">
<el-date-picker
v-model="stayAtSchoolForm.end_date"
type="datetime"
:disabled="disableTime"
:picker-options="pickerOptionsEndTime"
placeholder="选择日期时间">
</el-date-picker>
</el-form-item>
data() {
return {
***
//用()=>{} 就能拿到this,就能拿到数据。用 函数名(){}就拿不到this
pickerOptionsStartTime:{
disabledDate:(time)=>{
return time.getTime() < new Date(Date.parse(this.vacation_start_time));
}
},
//用()=>{} 就能拿到this,就能拿到数据。用 函数名(){}就拿不到this
pickerOptionsEndTime:{
disabledDate:(time)=>{
return new Date(Date.parse(this.vacation_end_time)) < time.getTime() ;
}
},
}
},
标签:return,vacation,element,parse,过滤,时间,time,Date,拿到 来源: https://blog.csdn.net/qq_44309969/article/details/122038106
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。