最近做项目的时候经常会做到时间选择器,当然了我采用的是Element中的时间选择器!
话不多说,直接上代码
//获取上月月份并且下月以后所有的月份不能选择
<span>选择月份</span>
<el-date-picker
v-model="value2"
type="month"
placeholder="选择日期"
value-format="yyyyMM"
:picker-options="pickerOptions"
>
</el-date-picker>
//然后在data中定义
pickerOptions: {
disabledDate(time) {
return time.getTime() > new Date(new Date().setDate(1) - 86400000);
},
},
//获取上月月份
getLastMonth() {
var date = new Date(new Date().setDate(1) - 86400000);
var month = date.getMonth() + 1;
month = month < 10 ? "0" + month : "" + month;
this.value2 = date.getFullYear() + month;
return date.getFullYear() + month;
},
获取本月月份上代码 需求同上
time(time = +new Date()) {
let now = new Date()
let y = now.getFullYear()
let m = ('0' + (now.getMonth() + 1)).slice(-2)
return y + m
},
//然后进行赋值 在created中
this.value2 = this.time(this.value2)
获取上月第一天和最后一天
var nowdays = new Date();
var year = nowdays.getFullYear();
var month = nowdays.getMonth();
if(month==0){
month = 12;
year = year-1;
}
if(month<10){
month = '0'+month;
}
var myDate = new Date(year,month,0);
var startDate = year+'-'+month+'-01'; //上个月第一天
var endDate = year+'-'+month+'-'+myDate.getDate();//上个月最后一天