element周选择器---设置展示周和日期

element周选择器:

粘贴可用

实现效果:

element周选择器---设置展示周和日期_第1张图片

代码:


npm install dayjs --save

main.js

import dayjs from "dayjs";
Vue.prototype.dayjs = dayjs;

页面

<template>
  <div class="main">
     <el-date-picker
        v-model="value2"
        size="mini"
        type="week"
        :format="'第' + week + '周' + ' ( ' + start + ' 至 ' + end + ' ) '"
        @change="showDate"
        :picker-options="onPicker"
        placeholder="选择周"
      >
      </el-date-picker>
  </div>
</template>
data() {
   
    return {
   
      value2: "",
      week: "", //周
      startTimeStamp: 

你可能感兴趣的:(vue,element,javascript,前端,vue.js,html5)