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

本文介绍了如何利用Element UI库在前端项目中实现周选择器的功能,提供了具体的实现效果展示和相关代码示例,主要涉及JavaScript、Vue.js和HTML5技术。
摘要由CSDN通过智能技术生成

element周选择器:

粘贴可用

实现效果:

在这里插入图片描述

代码:


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: 
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值