<div class="search-input">
<label class="label">日期</label>
<Date-picker type="date" :clearable="true" confirm :i18n="$i18n" :options="startOptions" placeholder="选择日期" :value="query.date" @on-change="selectDate"></Date-picker>
</div>
var SignDate=""
<script>
data(){
return {
startOptions:{
disabledDate (date) {
let year=new Date(date).getFullYear();
let month=new Date(date).getMonth()+1;
month=month<10?"0"+month:month;
let day=new Date(date).getDate();
day=day<10?"0"+day:day;
let disabledDay=year+"-"+month+"-"+day
// console.log(SignDate)//后台返回的数据
// let str="disabledDay !== '2020-07-18'&&disabledDay !== '2020-08-18'"
return eval(SignDate);
}
}
},
methods:{
getAllSignDate(){
this.$https.get('/fsds/sign-in/record/date')
.then((data)=>{
let strs=[]
for(let i=0;i<data.length;i++){
let stringdata
let rs='disabledDay!=='+data[i]
let arr=rs.split("")
arr.splice(14,0,"'")
arr[25]="'"
rs = arr.join("")
strs.push(rs)
}
SignDate=strs.join("&&")
},(err)=>{
})
},
}
}
</script>
iview中Datepicker日期组件disabledDate设置不可选日期
最新推荐文章于 2023-06-09 09:49:08 发布