Vue.js的简单农历日历 - vue-lunar-calendar

Vue.js的简单农历日历 - vue-lunar-calendar
发布时间 2020年12月21日
插件作者 KimWooHyun

农历日历的Vue组件,该组件使用Moment.js进行日期操作。

安装和下载:

npm install vue-lunar-calendar --save

用法

  1. 导入项目
import lunarCalendar from 'vue-lunar-calendar'
  1. 声明组成您的项目
Vue.component('lunar-calendar', lunarCalendar)

要么

new Vue({
  components: {'lunar-calendar': lunarCalendar}
  // or components: {lunarCalendar}
})
  1. 在您的项目中使用。
<template>
  <lunar-calendar
    @change="onChange"
    :firstDayOfWeek="parseInt(firstDayOfWeek)"
    :disableDaysBeforeToday="disableDaysBeforeToday"
    :defaultDate="defaultDate"
    :showLunarButton="showLunarButton"
    :cellClass="$style.cell"
  ></lunar-calendar>
</template>

<style module>
  .cell {
    background-color: #222944;
  }
</style>