webcomponent datetime format helpers
This commit is contained in:
@@ -2,6 +2,7 @@
|
||||
|
||||
<script>
|
||||
import { onMount } from 'svelte'
|
||||
import { when } from './helpers'
|
||||
export let baseurl = ''
|
||||
export let title = ''
|
||||
export let maxlength = false
|
||||
@@ -51,31 +52,6 @@
|
||||
return 'center center'
|
||||
}
|
||||
|
||||
function _when(unix_timestamp, type = 'long') {
|
||||
const options =
|
||||
type === 'long'
|
||||
? {
|
||||
weekday: 'long',
|
||||
month: 'long',
|
||||
day: 'numeric',
|
||||
hour: '2-digit',
|
||||
minute: '2-digit',
|
||||
}
|
||||
: { hour: '2-digit', minute: '2-digit' }
|
||||
const d = new Date(unix_timestamp * 1000).toLocaleString(undefined, options)
|
||||
return d
|
||||
}
|
||||
|
||||
function when(event) {
|
||||
if (event.multidate) {
|
||||
return _when(event.start_datetime) + ' - ' + _when(event.end_datetime)
|
||||
}
|
||||
return (
|
||||
_when(event.start_datetime) +
|
||||
(event.end_datetime ? '-' + _when(event.end_datetime, 'short') : '')
|
||||
)
|
||||
}
|
||||
|
||||
onMount(() => {
|
||||
mounted = true
|
||||
update()
|
||||
|
||||
Reference in New Issue
Block a user