vue-luxon

Examples

The variable datetimeVariable is set to

{{ datetimeVariable | luxon }} <span v-luxon="datetimeVariable"></span>

{{ datetimeVariable | luxon }}

Options

The variable datetimeObject is set to
{
value:' ',
serverZone:' ',
serverFormat:' ',
clientZone:' ',
clientFormat:' ',
localeLang:' ',
localeFormat:' ',
}

<span v-luxon="datetimeObject"></span> {{ datetimeObject | luxon }}

{{ datetimeObject | luxon }}

Locale

{{ datetimeVariable | luxon:locale }} <span v-luxon:locale="datetimeVariable"></span>

{{ datetimeVariable | luxon:locale }}

<span v-luxon:{{name}}="datetimeVariable"></span> {{ datetimeVariable | luxon:{{name}} }}

Format

{{ datetimeVariable | luxon:format('dd-MM-yyyy') }}

{{ datetimeVariable | luxon:format('dd-MM-yyyy') }}

diffForHumans

{{ datetimeVariable | luxon:diffForHumans }}

{{ datetimeVariable | luxon:diffForHumans }}