vue-lunar-full-calendar

vue-lunar-full-calendar

a vue component for lunar fullcalendar. Uses Moment.js for date operations.
Increase the functions of Chinese lunar calendar, 24 solar terms and holidays(增加中国农历、24节气和节假日的功能)

Installation

npm install --save vue-lunar-full-calendar

Example App

I have created a simple Vue 2 webpack application as an example/playground https://github.com/a306916069/vue-lunar-fullcalendar

Image

a vue component for lunar fullcalendar. Uses Moment.js for date operations.
Increase the functions of Chinese lunar calendar, 24 solar terms and holidays(增加中国农历、24节气和节假日的功能)

Important function

1、Use vue-lunar-full-calendar , You can use one function to get the date of a certain day.

2、You can pass any custom options through to fullcalendar by using the config prop. Control whether the Chinese calendar shows true.

<lunar-full-calendar :events="events" :config="config"></lunar-full-calendar>
...
<script>
...
  data() {
    return {
      events: [],
      config: {
        lunarCalendar: true //Control whether the Chinese calendar shows true, unrealistic flase, default true.
      },
    }
  },
  window.lunar(date)   // Date is the date.
...
</script>