更新记录

1.2.2（2021-12-01）

解决不显示bug

1.2.1（2021-09-16）

修复选择bug

1.2.0（2021-09-16）

可默认选择当前周

平台兼容性

演示地址 https://static-0bc0a44a-ac67-4d13-9851-beeb2469055c.bspapp.com

node环境安装dayjs

Dayjs官网地址 https://dayjs.fenxianglu.cn/category

npm install dayjs --save

插件使用

    <view class="week-choose-top"  @click="openWeek">
        <text class="small">{{yearMonthWeek}}</text>
    </view>

    <view class="week-view" v-if="week">
        <text>当前选择：{{week.year}}年{{week.month}}月第{{week.index}}周</text>
        <text>开始时间：{{week.start}}</text>
        <text>结束时间：{{week.end}}</text>
    </view>

    <uni-popup ref="popup" type="bottom">
        <!-- value值不传默认是当前周 -->
        <ccq-week-picker :value="value" @change="getWeeks"></ccq-week-picker>
    </uni-popup>

    import dayjs from 'dayjs';
    // 引入得到周信息函数
    import weekjs from '../../components/ccq-week-picker/week.js';
    export default {
        data() {
            return {
                today:dayjs().format('YYYY-MM-DD'),
                yearMonthWeek: '',
                week: '',
                value: ''
            }
        },
        onLoad() {
            this.weekInit();
        },
        methods: {
            // 默认选择当前周
            weekInit(){
                let y = dayjs().year();
                let m = dayjs().month();
                let res =  weekjs.getWeeksByMonth(y, m+1,this.today,1); 
                this.setResultInfo(res);
            },
            getWeeks(res) {
                if (res) { 
                    this.setResultInfo(res);
                }
                this.$refs['popup'].close()
            },
            // 设置结果集
            setResultInfo(i){
                console.log(i);
                let info = i.week;
                this.yearMonthWeek = `${info.year}年${info.month}月${info.text} `;
                this.week = info;
                this.value = info.val;
            },
            openWeek() {
                this.$refs['popup'].open()
            }
        }
    }

API

formatType Options

Events

意见建议联系

• QQ: 1252620858 (小前端，请多多指教~)