1.element-ui 日期选择器限制限制范围(未来一个月(包括今天))
<div>
<el-date-picker
v-model="timeArr"
type="daterange"
:clearable="false"
range-separator="至"
value-format="yyyy-MM-dd"
:picker-options="pickerOptions0"
start-placeholder="开始日期"
end-placeholder="结束日期"
style="width:100%;height:60px;line-height:60px;font-size:18px"
>
</el-date-picker>
</div>
export default {
data() {
return {
pickerOptions0: {
disabledDate: (time) => {
// 设置可选择的日期为今天之后的一个月内
const curDate = (new Date()).getTime()
// 这里算出一个月的毫秒数,
// 这里使用30的平均值,实际中应根据具体的每个月有多少天计算
const day = 28 * 24 * 3600 * 1000
const dateRegion = curDate + day
return time.getTime() < Date.now() - 8.64e7 || time.getTime() > dateRegion
}
},
};
},
};
2.element-ui日期选择器限制范围(过去时间(包括今天))
export default {
data() {
pickerOptions0: {
disabledDate(time) {
return time.getTime() > Date.now() - 8.64e6; //如果没有后面的-8.64e6就是不可以选择今天的
},
},
};
3.element-ui日期选择器限制范围(未来时间(包括今天))
pickerOptions: {
disabledDate(time) {
return time.getTime() < Date.now() - 24 * 60 * 60 * 1000
}
}
4.vux日期选择器限制范围(未来时间包括(今天))
<group class="iconCenter">
<datetime v-model="date" :end-date="endDate">
<span style="font-size:15px;color:#64697D">{{ date }}</span>
<img src="../../../assets/icon_arrow_down_blue.png" />
</datetime>
</group>
//获取本地时间并格式化日期
convertToDate() {
var date = new Date();
var y = date.getFullYear();
var m = date.getMonth() + 1;
var d = date.getDate();
m = m < 10 ? "0" + m : m; //月小于10,加0
d = d < 10 ? "0" + d : d; //day小于10,加0
return y + "-" + m + "-" + d;
},
this.endDate = this.convertToDate()