element-ui 月份选择器,当所选月份为当前月时,获取当天日期 。非当前月时,获取所选月的最后一天

根据需求:

起始日期和结束日期的设置,当所选月份为当前月时,获取当天日期 。 非当前月时,获取所选月的最后一天 

全部代码:

     // 获取当前日期
    formatDate () {
        var now = new Date();
        var year = now.getFullYear();
        var month = now.getMonth();
        var date = now.getDate();
        month = month + 1;
        if (month < 10){
            month = "0" + month;
            }
        if (date < 10) {
        date = "0" + date;
        }
        var time = year + "-" + month + "-" + date;
        return time;
    },


    search() {
      // 起始时间设置
      if(Date.parse(this.form.sDate)!=Date.parse(this.formatDate ())){
        let b = this.form.sDate;
        let date = new Date(b);
        let month = (date.getMonth() + 1).toString().padStart(2,'0');
        let year = date.getFullYear();
        let day = new Date(year,month,0);
        let endTime = year + '-' + month + '-' + day.getDate();
        this.form.sDate=endTime
      }

      //结束时间设置
      if(Date.parse(this.form.eDate)!=Date.parse(this.formatDate ())){
        let b = this.form.eDate;
        let date = new Date(b);
        let month = (date.getMonth() + 1).toString().padStart(2,'0');
        let year = date.getFullYear();
        let day = new Date(year,month,0);
        let endTime = year + '-' + month + '-' + day.getDate();
        this.form.eDate=endTime
      }
    }

细节解说:

1、Date.parse()函数用于分析一个包含日期的字符串,并返回该日期与 1970 年 1 月 1 日午夜之间相差的毫秒数

Date.parse()的语法如下:

Date.parse( dateString )//该函数属于Date对象,所有主流浏览器均支持该函数。

2、获取选择月的第一天和最后一天

<el-date-picker
  class="pickerStyle"
  v-model="times"
  type="month"
  size="small"
  @change="changeMonth"
  placeholder="选择月">
</el-date-picker>


changeMonth(value){
  let date = new Date(value);
  let month = (date.getMonth() + 1).toString().padStart(2,'0');
  let year = date.getFullYear();
  let startTime = year + '' + month + '01';
  let day = new Date(year,month,0);
  let endTime = year + '' + month + '' + day.getDate();
  console.log(startTime,'startTime');
  console.log(endTime ,'endTime ');
}

3.获取当前时间

  //获取当前时间
  function FormatDate () {
      var now = new Date();
      var year = now.getFullYear();
      var month = now.getMonth();
      var date = now.getDate();
      month = month + 1;
      if (month < 10){
          month = "0" + month;
}
      if (date < 10) {
       date = "0" + date;
      }
      var time = year + "-" + month + "-" + date;
      return time;
  }

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值