<el-config-provider :locale="locale">//这是转成中文,不需要可以不加
<span v-show="nowymd == '日榜'">//元素套起来才能v-show
<el-date-picker
v-model="dataval"
type="dates"
placeholder="请选择一天"
:disabled-date="disabledDate"
/>
</span>
<span v-show="nowymd == '周榜'">
<el-date-picker
v-model="weekval"
type="week"
format="第ww周"
placeholder="请选择一周"
:disabled-date="disabledWeek"
/>
</span>
<span v-show="nowymd == '月榜'">
<el-date-picker
v-model="monthval"
type="month"
placeholder="请选择查询月份"
:disabled-date="disabledMonth"
/>
</span>
</el-config-provider>
export default {
name: "HomeView",
data() {
return {
disabledWeek(date) {
let data = new Date();
let year = Number(data.getFullYear());
let nowMonth = Number(data.getMonth());
let month = Number(data.getMonth()) + 1;
let day = Number(data.getDate());
let mydate = new Date(year, month - 1, day);
let weekday = mydate.getDay();
let end = new Date(new Date(year, nowMonth, day - weekday)).getTime();
return end < date.getTime() + 1000 * 60 * 60 * 24;
},
disabledMonth(time) {
const date = new Date();
const year = date.getFullYear();
let month = date.getMonth() + 1;
if (month >= 1 && month <= 9) {
month = "0" + month;
}
const currentdate = year.toString() + month.toString();
const timeyear = time.getFullYear();
let timemonth = time.getMonth() + 1;
if (timemonth >= 1 && timemonth <= 9) {
timemonth = "0" + timemonth;
}
const timedate = timeyear.toString() + timemonth.toString();
return currentdate <= timedate;
},
disabledDate(time) {
return time.getTime() > Date.now() - 1000 * 60 * 60 * 24;
},
}
}
}