38 lines
1 KiB
HTML
38 lines
1 KiB
HTML
<script>
|
|
/*
|
|
class TimeFormatted extends HTMLElement {
|
|
|
|
render() {
|
|
let date = new Date(this.getAttribute('datetime') || Date.now());
|
|
|
|
this.innerHTML = new Intl.DateTimeFormat("default", {
|
|
year: this.getAttribute('year') || undefined,
|
|
month: this.getAttribute('month') || undefined,
|
|
day: this.getAttribute('day') || undefined,
|
|
hour: this.getAttribute('hour') || undefined,
|
|
minute: this.getAttribute('minute') || undefined,
|
|
second: this.getAttribute('second') || undefined,
|
|
timeZoneName: this.getAttribute('time-zone-name') || undefined,
|
|
}).format(date);
|
|
}
|
|
|
|
connectedCallback() { // (2)
|
|
if (!this.rendered) {
|
|
this.render();
|
|
this.rendered = true;
|
|
}
|
|
}
|
|
|
|
static get observedAttributes() { // (3)
|
|
return ['datetime', 'year', 'month', 'day', 'hour', 'minute', 'second', 'time-zone-name'];
|
|
}
|
|
|
|
attributeChangedCallback(name, oldValue, newValue) { // (4)
|
|
this.render();
|
|
}
|
|
|
|
}
|
|
|
|
window.customElements && customElements.define("time-formatted", TimeFormatted);
|
|
*/
|
|
</script>
|