标签:月份 getFullYear element disable value3 Date new 选择器 getMonth
<template> <div> //添加点击事件 <el-button @click="timeJ(-1)"> <</el-button> <el-date-picker size="mini" v-model="value3" format="yyyy年" type="year" placeholder="选择年" @change="chang" > </el-date-picker> <el-date-picker v-model="value3" size="mini" format="MM月" type="month" placeholder="选择月" @change="chang" > </el-date-picker> <el-button :disabled="disable" @click="timeJ(1)"> ></el-button> </div> </template> <script> export default { data() { return { value3: "", y: "", m: "", disable:true, }; }, created() { this.value3 = new Date(); this.m = this.value3.getMonth() + 1; this.y = this.value3.getFullYear(); }, methods: { // 控制月份 timeJ(j) { this.m=this.m+j if (this.m<1) { this.m=12 this.y=--this.y } if (this.m>12) { this.m=1 this.y=++this.y } if (this.m>=new Date().getMonth() + 1 && this.y>=new Date().getFullYear()) { this.disable=true }else{ this.disable=false } this.value3 = new Date(this.y + "-" + this.m); }, chang(){ this.m = this.value3.getMonth() + 1; this.y = this.value3.getFullYear(); if (this.m>=new Date().getMonth() + 1 || this.y>=new Date().getFullYear()) { this.disable=true }else{ this.disable=false } } }, }; </script><style lang="scss" scoped> </style>
标签:月份,getFullYear,element,disable,value3,Date,new,选择器,getMonth 来源: https://www.cnblogs.com/kkkkzy/p/16195292.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。