vue-calendar-cn v1.0.1

vue-calendar-cn

一款基于Vue的月历控件

安装

node项目

npm install vue-calendar-cn
# 或者
yarn add vue-calendar-cn

使用

示例：

<Calendar :month="new Date()" @selected="(date)=>log(date)"/>
  <div slot="date-1" style="position: absolute;bottom: 2px;font-size: 18px;">xx的生日</div>
</Calendar>

详细说明

开发背景

开发融创HR移动端时，没有可高度定制化的日历控件，现成PC端的控件用在移动端太重了

功能

日历控件，按周显示某月，并支持选择日期；除高度和字体大小自动计算外，其它样式都可通过css来覆盖。

当然你也可以同时用在PC端，从而一套代码，多端运行。

使用灰色调，是为了百搭，建议通过背景色和css来按需定制自己想要的颜色。

参数：

【month】表示某月的Date实例

事件：

【selected】某日期被选择时触发，参数为表示被选择日期的Date实例

插槽：

【date-1~31】某一个日期单元格内要显示的内容