iview 组件里面的(任何一个月)整月日期全部选中

iview 组件里面的整月日期全部选中:

①:第一种是当前月的日期全部选中:

先上效果图:当前月分

获取到的值:

当前月的方法:

    // getDateStr() {
    //   var curDate = new Date();
    //   var curMonth = curDate.getMonth();
    //   var year = curDate.getFullYear();
    //   var mon = curMonth + 1 > 9 ? curMonth + 1 : "0" + (curMonth + 1);

    //   curDate.setMonth(curMonth + 1);
    //   curDate.setDate(0);
    //获取当前月份(现在是7月)的总天数  dateCount
    //   var dateCount = curDate.getDate();

    //获取当前月的每一天并显示出来
    //   var dateArray = [];
    //   for (var i = 1; i <= dateCount; i++) {
    //     let day = i > 9 ? i : "0" + i;
    //     let _date = year + "-" + mon + "-" + day;
    //     dateArray.push(_date);
    //   }
    //   return dateArray.join(",");
    //   // 	console.log(dateArray.join(','))
    // }
        
    //然后回调: this.getDateStr();

 ②:切换(任何一个月)整月日期全部选中

先上效果图:分别是8月份 和9月份

 

方法如下:

    getDateStr() {
        let newYears =  this.switchYears.substring(0, this.switchYears.length - 1);
        let newMonths = this.switchMonth.substring(0,this.switchMonth.length - 1);
        //获取(切换任意月份的)当前月份的总天数: 
        // return new Date(newYears, newMonths, 0).getDate();
        console.log("1111",new Date(newYears, newMonths, 0).getDate());

        //获取当前月的每一天并显示出来
        var dayArry = [];
        var day = new Date(newYears, newMonths, 0).getDate();
        for (var i = 1; i <= day; i++) {

            let day1 = i > 9 ? i : "0" + i;
            let _date = newYears + "-" + newMonths + "-" + day1;
            dayArry.push(_date);
        }
        return dayArry.join(",");
        console.log("dayArry",dayArry)

    }
   //最后调用:
       this.getDateStr();

如果需要更详细的完整代码请上github下载:https://github.com/nieyangyang712?tab=repositories

最后为了方便大家的沟通与交流请加QQ群: 625787746

请 进QQ群交流:【IT博客技术分享群①】:https://jq.qq.com/?_wv=1027&k=DceI0140

最后重要事说三遍:

警告:打击盗版此人:https://www.wandouip.com/t5i358513/ 在2019年7月6日抄袭我的文章,不加任何转载出处,严重侵权!!!

警告:打击盗版此人:https://www.wandouip.com/t5i358513/ 在2019年7月6日抄袭我的文章,不加任何转载出处,严重侵权!!!

警告:打击盗版此人:https://www.wandouip.com/t5i358513/ 在2019年7月6日抄袭我的文章,不加任何转载出处,严重侵权!!!

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

IT博客技术分享

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值