(js)封装年月日获取方法，页面根据type判断显示当前年，年月，日期

(js)封装年月日获取方法，页面根据type判断显示当前年，年月，日期

---

项目src——>utils——>index.js

// 获取当前年，年月，日期，type,
export function getYearMonth(type) {
  var date = new Date()
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()
  month = (month > 9) ? month : ('0' + month)
  day = (day < 10) ? ('0' + day) : day
  var today = year + '-' + month + '-' + day
  if(type == 'year') {
    return year
  }else if(type == 'month') {
    return year + '-' + month
  }else {
    return today
  }
  
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

页面使用

<el-form-item class="time-box" label>
  <el-date-picker
    v-model="query.date"
    type="month"
    value-format="yyyy-MM"
    placeholder="请选择"
    clearable
    class="time-select1"
    @change="selectChange($event, 'date')"
  />
</el-form-item>

<script>
import { getYearMonth } from "@/utils";

data() {
   return {
     query: { 
       date: getYearMonth("month"),
     },
   }
}

</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24