CroudTech / vue-fullcalendar

FullCalendar Wrapper for vue
MIT License
483 stars 101 forks source link

event render about timezone #189

Closed yingchen518 closed 5 years ago

yingchen518 commented 5 years ago

Hi,

I'm in Taiwan(+08:00). I set events: [{ title : 'event1', start : '2019-03-13 08:00:00', end : '2019-03-15 08:00:00', color: '#EB4D4D' }], but event render like the pic below. image

I think it's a problem about timezone. I've tried pass 'timeZone' by using the config prop but it's not working. What should I do to pass 'timeZone'?

Thank you!

BrockReece commented 5 years ago

Can you format the start and end date to include timezone info?

yingchen518 commented 5 years ago

Hi,

I tried

events: [
    {
        title: 'event1',
        start: '2019-03-10T08:00:00+08:00',
        end: '2019-03-13T08:00:00+08:00',
    },
    {
        title: 'event2',
        start: 'Sun Mar 10 2019 08:00:00 GMT+0800 (台北標準時間)',
        end: 'Sun Mar 13 2019 08:00:00 GMT+0800 (台北標準時間)',
    },
    {
        title: 'event3',
        start: new Date('2019-03-10T08:00:00+08:00'),
        end: new Date('2019-03-13T08:00:00+08:00'),
    },
    {
        title: 'event4',
        start: new Date('2019-03-10T08:00:00+08:00').toString(),
        end: new Date('2019-03-13T08:00:00+08:00').toString(),
    },
],

event2 and event4 can work! Thank you for your reply! :)

BrockReece commented 5 years ago

No problem.