需求:默认选中上个月,可选当前月并禁用本月之后的月份。
<el-date-picker
v-model="month"
align="left"
type="month"
:editable="false"
placeholder="选择月份"
:picker-options="picker"
:clearable="false"
format="yyyy-MM"
value-format="yyyy-MM"
class="month-style"
/>
禁用:
data(){
return{
month: '',
monthFalg:false,//这是默认上月
// 禁用
picker: {
disabledDate(time) {
const t = new Date().getDate()
// 如果想包含本月本月 - 8.64e7 * t 就不需要了,
// 如果想之前的不能选择把 > 换成 <
// return time.getTime() > Date.now() - 8.64e7 * t
return time.getTime() > Date.now()
}
},
}
}
默认上月:
mounted() {
const nowDate = new Date()
if (!monthFalg) {
nowDate.setMonth(nowDate.getMonth() - 1)
} else {
nowDate.setMonth(nowDate.getMonth())
}
Date.prototype.format = formatDate
this.month = nowDate.format('yyyy-MM')
}
公共的方法时间格式转换(调用就好):
// 日期转格式
export function formatDate(fmt) {
const o = {
'M+': this.getMonth() + 1, // 月份
'd+': this.getDate(), // 日
'h+': this.getHours(), // 小时
'm+': this.getMinutes(), // 分
's+': this.getSeconds(), // 秒
'q+': Math.floor((this.getMonth() + 3) / 3), // 季度
'S': this.getMilliseconds() // 毫秒
}
if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length)) }
for (const k in o) {
if (new RegExp('(' + k + ')').test(fmt)) { fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))) }
}
return fmt
}