Bootstrap

【vue2】封装自定义的日历组件(一)之基础的组件结构

日历组件我们在业务中,是经常遇到的功能。很多UI框架也自带了这些组件,封装的要比我们自己做的完善,功能丰富,但是有时我们的需求有特殊的要求的话,我们还要定制自己的日历组件。所以,学会怎么封装一个日历组件就显得很重要了。

依赖安装

npm i dayjs lunar-javascript -S

dayjs处理日期时间,lunar-javascript处理农历日期,二十四节气等。

实现效果

自己实现的和win自带的日历对比,时间上是对得上的,样式后面再慢慢优化。

;