How to use @fullcalendar/luxon - 10 common examples
To help you get started, we’ve selected a few @fullcalendar/luxon examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
fullcalendar / fullcalendar / packages / __tests__ / src / datelib / luxon.js View on Github 
it('converts numeric values correctly', function() {
let calendar = new Calendar(document.createElement('div'), {
plugins: PLUGINS,
defaultTimedEventDuration: '05:00',
defaultAllDayEventDuration: { days: 3 }
})
// hacky way to have a duration parsed
let timedDuration = toDuration(calendar.defaultTimedEventDuration, calendar)
let allDayDuration = toDuration(calendar.defaultAllDayEventDuration, calendar)
expect(timedDuration.as('hours')).toBe(5)
expect(allDayDuration.as('days')).toBe(3)
})it('converts numeric values correctly', function() {
let calendar = new Calendar(document.createElement('div'), {
plugins: PLUGINS,
defaultTimedEventDuration: '05:00',
defaultAllDayEventDuration: { days: 3 }
})
// hacky way to have a duration parsed
let timedDuration = toDuration(calendar.defaultTimedEventDuration, calendar)
let allDayDuration = toDuration(calendar.defaultAllDayEventDuration, calendar)
expect(timedDuration.as('hours')).toBe(5)
expect(allDayDuration.as('days')).toBe(3)
})it('transfers locale correctly', function() {
let calendar = new Calendar(document.createElement('div'), {
plugins: PLUGINS,
defaultTimedEventDuration: '05:00',
locale: esLocale
})
// hacky way to have a duration parsed
let timedDuration = toDuration(calendar.defaultTimedEventDuration, calendar)
expect(timedDuration.locale).toBe('es')
})it('transfers UTC', function() {
let calendar = new Calendar(document.createElement('div'), {
plugins: PLUGINS,
events: [ { start: '2018-09-05T12:00:00', end: '2018-09-05T18:00:00' } ],
timeZone: 'UTC'
})
let event = calendar.getEvents()[0]
var start = toDateTime(event.start, calendar)
var end = toDateTime(event.end, calendar)
expect(start.toISO()).toBe('2018-09-05T12:00:00.000Z')
expect(start.zoneName).toBe('UTC')
expect(end.toISO()).toBe('2018-09-05T18:00:00.000Z')
expect(end.zoneName).toBe('UTC')
})it('transfers named timezone', function() {
let calendar = new Calendar(document.createElement('div'), {
plugins: PLUGINS,
events: [ { start: '2018-09-05T12:00:00', end: '2018-09-05T18:00:00' } ],
timeZone: 'Europe/Moscow'
})
let event = calendar.getEvents()[0]
var start = toDateTime(event.start, calendar)
var end = toDateTime(event.end, calendar)
expect(start.toJSDate()).toEqualDate('2018-09-05T12:00:00+03:00')
expect(start.zoneName).toMatch('Europe/Moscow')
expect(end.toJSDate()).toEqualDate('2018-09-05T18:00:00+03:00')
expect(end.zoneName).toMatch('Europe/Moscow')
})it('transfers locale', function() {
let calendar = new Calendar(document.createElement('div'), {
plugins: PLUGINS,
events: [ { start: '2018-09-05T12:00:00', end: '2018-09-05T18:00:00' } ],
locale: esLocale
})
let event = calendar.getEvents()[0]
var datetime = toDateTime(event.start, calendar)
expect(datetime.locale).toEqual('es')
})it('transfers UTC', function() {
let calendar = new Calendar(document.createElement('div'), {
plugins: PLUGINS,
events: [ { start: '2018-09-05T12:00:00', end: '2018-09-05T18:00:00' } ],
timeZone: 'UTC'
})
let event = calendar.getEvents()[0]
var start = toDateTime(event.start, calendar)
var end = toDateTime(event.end, calendar)
expect(start.toISO()).toBe('2018-09-05T12:00:00.000Z')
expect(start.zoneName).toBe('UTC')
expect(end.toISO()).toBe('2018-09-05T18:00:00.000Z')
expect(end.zoneName).toBe('UTC')
})it('transfers named timezone', function() {
let calendar = new Calendar(document.createElement('div'), {
plugins: PLUGINS,
events: [ { start: '2018-09-05T12:00:00', end: '2018-09-05T18:00:00' } ],
timeZone: 'Europe/Moscow'
})
let event = calendar.getEvents()[0]
var start = toDateTime(event.start, calendar)
var end = toDateTime(event.end, calendar)
expect(start.toJSDate()).toEqualDate('2018-09-05T12:00:00+03:00')
expect(start.zoneName).toMatch('Europe/Moscow')
expect(end.toJSDate()).toEqualDate('2018-09-05T18:00:00+03:00')
expect(end.zoneName).toMatch('Europe/Moscow')
})startDate() {
//console.log(toDateTime);
if(this.event.extendedProps !== undefined) {
let dt = toDateTime(this.event.start, this.$parent.calendar);
let edt = toDateTime(this.event.end, this.$parent.calendar);
return `${ dt.setLocale(this.lang).toFormat("DDDD") } • ${ dt.setLocale(this.lang).toFormat("t") } - ${ edt.setLocale(this.lang).toFormat("t") }`;
}
}
},startDate() {
//console.log(toDateTime);
if(this.event.extendedProps !== undefined) {
let dt = toDateTime(this.event.start, this.$parent.calendar);
let edt = toDateTime(this.event.end, this.$parent.calendar);
return `${ dt.setLocale(this.lang).toFormat("DDDD") } • ${ dt.setLocale(this.lang).toFormat("t") } - ${ edt.setLocale(this.lang).toFormat("t") }`;
}
}
},@fullcalendar/luxon
Enhanced date formatting, conversion, and named time zone functionality with Luxon 1
