自定义vue3.0日历组件

一、前言

别人的东西用起来总是那么的不顺手，UI库的日历组件竟然不返回星期几，完全无法忍受，于是自己动手写了一个日历组件。
自己写的东西，那就是想怎么搞就怎么搞，哈哈哈哈哈。

二、代码

我使用的navie的按钮和tailwind的css，替换起来很方便的。

引入的两个方法的代码

/*
* 数字转汉字，就是顶部显示的月份，数字不好看，换成汉字
* */
const dict = {
    0: "零",
    1: "壹",
    2: "贰",
    3: "弎",
    4: "肆",
    5: "伍",
    6: "陆",
    7: "柒",
    8: "捌",
    9: "玖",
    10: "拾",
    11: "拾壹",
    12: "拾贰",
}
export default function (num){
    return dict[num];
}

/*
* 数字转汉字，就是每个日期右上角显示的周几
* */
const dict2 = {
    1:"周一",
    2:"周二",
    3:"周三",
    4:"周四",
    5:"周五",
    6:"周六",
    0:"周日",
}
export default function (num){
    return dict2[num]
}

三、使用方法

四、效果图

五、结束

有问题或者意见可以提。