nhn / toast-ui.vue-calendar

Toast UI Calendar for Vue
MIT License
195 stars 54 forks source link

display the month picker #13

Closed nazihheni closed 5 years ago

nazihheni commented 5 years ago

Version

Test Environment

Current Behavior

please any one can tell me how to enbale the month changer ?

// Write example code

screenshot_2019-02-06 tutorial example01-basic calendar

Expected Behavior

jungeun-cho commented 5 years ago

@nazihheni Click the left and right arrow buttons to change the month.

haringsrob commented 5 years ago

Hi @jungeun-cho,

I think he means the arrows etc (what is in the black drawing) is simply not appearing.

I am looking for a solution myself.

Kind regards,

jungeun-cho commented 5 years ago

@haringsrob Do you want to know the API used to change the month? We support movable api.

https://nhn.github.io/tui.calendar/latest/Calendar#setDate https://nhn.github.io/tui.calendar/latest/Calendar#prev https://nhn.github.io/tui.calendar/latest/Calendar#next https://nhn.github.io/tui.calendar/latest/Calendar#today

e.g.)

<calendar ref="tuiCalendar" style="height: 800px;"
...
>
this.$refs.tuiCalendar.invoke('setDate', new Date(e.date));
this.$refs.tuiCalendar.invoke('changeView', 'month', true);  // 'month', 'week' or 'day'