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

这篇具有很好参考价值的文章主要介绍了element-ui 月份选择器，当所选月份为当前月时，获取当天日期。非当前月时，获取所选月的最后一天。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

根据需求：

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

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.获取当前时间文章来源地址https://www.toymoban.com/news/detail-509673.html

  //获取当前时间
  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;
  }

到了这里，关于element-ui 月份选择器，当所选月份为当前月时，获取当天日期。非当前月时，获取所选月的最后一天的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！