使用element+vue按照年月周日，获取时间

在Vue中使用Element UI的el-date-picker组件可以实现按年月周日获取时间的功能。以下是一个简单的例子：

<template>
  <div>
    <!-- 按年获取 -->
    <el-date-picker
      v-model="dateYear"
      type="year"
      placeholder="选择年"
      format="yyyy"
      value-format="yyyy">
    </el-date-picker>
 
    <!-- 按月获取 -->
    <el-date-picker
      v-model="dateMonth"
      type="month"
      placeholder="选择月"
      format="yyyy-MM"
      value-format="yyyy-MM">
    </el-date-picker>
 
    <!-- 按周获取 -->
    <el-date-picker
      v-model="dateWeek"
      type="week"
      format="yyyy 第 WW 周"
      placeholder="选择周"
      value-format="yyyy-MM-dd">
    </el-date-picker>
 
    <!-- 按日获取 -->
    <el-date-picker
      v-model="dateDay"
      type="date"
      placeholder="选择日"
      format="yyyy-MM-dd"
      value-format="yyyy-MM-dd">
    </el-date-picker>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      dateYear: '', // 年
      dateMonth: '', // 月
      dateWeek: '', // 周
      dateDay: '' // 日
    };
  }
};
</script>

在这个例子中，我们定义了四个el-date-picker组件，分别用于选择年、月、周、日。通过v-model绑定数据，并通过format和value-format属性来指定显示和提交的时间格式。用户选择时间后，对应的数据将被更新到data中定义的变量中。