ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

element-ui 日期选择器 实现月份加减控制 并且选择月份大于当前月份不能再增加

2022-04-26 16:34:50  阅读:359  来源: 互联网

标签:月份 getFullYear element disable value3 Date new 选择器 getMonth


<template>   <div> //添加点击事件     <el-button @click="timeJ(-1)"> &lt;</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)"> &gt;</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. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有