el-data-pick：根据接口返回参数，限制日期选择范围

<el-date-picker
                        v-model="form.billingCycle"
                            :picker-options="pickerOptions"
                            value-format="yyyyMM"
                            format="yyyyMM"
                            type="month"
                            placeholder="账期">
                        </el-date-picker>

this.$http.get(url).then((res)=> {
                    // this.currentBillingCycle 为返回的日期（年月，eg：201911）
                    let year = this.currentBillingCycle.slice(0,4);
                    let month = this.currentBillingCycle.slice(4,6);
                    this.currentDate = year + '-' + month + '-' + '01'
                });

data（）{
      return{
             pickerOptions: {
                    disabledDate: (time) => {
                        let d = new Date(this.currentDate)
                        return time.getTime() > d
                    }
             }
      }
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容