100 lines
2.8 KiB
JavaScript
100 lines
2.8 KiB
JavaScript
|
// Composables
|
||
|
|
import { useLocale } from "../locale.mjs"; // Utilities
|
||
|
|
import { inject, reactive, watch } from 'vue';
|
||
|
|
import { mergeDeep } from "../../util/index.mjs"; // Types
|
||
|
|
// Adapters
|
||
|
|
import { VuetifyDateAdapter } from "./adapters/vuetify.mjs";
|
||
|
|
/** Supports module augmentation to specify date object types */
|
||
|
|
export const DateOptionsSymbol = Symbol.for('vuetify:date-options');
|
||
|
|
export const DateAdapterSymbol = Symbol.for('vuetify:date-adapter');
|
||
|
|
export function createDate(options, locale) {
|
||
|
|
const _options = mergeDeep({
|
||
|
|
adapter: VuetifyDateAdapter,
|
||
|
|
locale: {
|
||
|
|
af: 'af-ZA',
|
||
|
|
// ar: '', # not the same value for all variants
|
||
|
|
bg: 'bg-BG',
|
||
|
|
ca: 'ca-ES',
|
||
|
|
ckb: '',
|
||
|
|
cs: 'cs-CZ',
|
||
|
|
de: 'de-DE',
|
||
|
|
el: 'el-GR',
|
||
|
|
en: 'en-US',
|
||
|
|
// es: '', # not the same value for all variants
|
||
|
|
et: 'et-EE',
|
||
|
|
fa: 'fa-IR',
|
||
|
|
fi: 'fi-FI',
|
||
|
|
// fr: '', #not the same value for all variants
|
||
|
|
hr: 'hr-HR',
|
||
|
|
hu: 'hu-HU',
|
||
|
|
he: 'he-IL',
|
||
|
|
id: 'id-ID',
|
||
|
|
it: 'it-IT',
|
||
|
|
ja: 'ja-JP',
|
||
|
|
ko: 'ko-KR',
|
||
|
|
lv: 'lv-LV',
|
||
|
|
lt: 'lt-LT',
|
||
|
|
nl: 'nl-NL',
|
||
|
|
no: 'no-NO',
|
||
|
|
pl: 'pl-PL',
|
||
|
|
pt: 'pt-PT',
|
||
|
|
ro: 'ro-RO',
|
||
|
|
ru: 'ru-RU',
|
||
|
|
sk: 'sk-SK',
|
||
|
|
sl: 'sl-SI',
|
||
|
|
srCyrl: 'sr-SP',
|
||
|
|
srLatn: 'sr-SP',
|
||
|
|
sv: 'sv-SE',
|
||
|
|
th: 'th-TH',
|
||
|
|
tr: 'tr-TR',
|
||
|
|
az: 'az-AZ',
|
||
|
|
uk: 'uk-UA',
|
||
|
|
vi: 'vi-VN',
|
||
|
|
zhHans: 'zh-CN',
|
||
|
|
zhHant: 'zh-TW'
|
||
|
|
}
|
||
|
|
}, options);
|
||
|
|
return {
|
||
|
|
options: _options,
|
||
|
|
instance: createInstance(_options, locale)
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function createInstance(options, locale) {
|
||
|
|
const instance = reactive(typeof options.adapter === 'function'
|
||
|
|
// eslint-disable-next-line new-cap
|
||
|
|
? new options.adapter({
|
||
|
|
locale: options.locale[locale.current.value] ?? locale.current.value,
|
||
|
|
formats: options.formats
|
||
|
|
}) : options.adapter);
|
||
|
|
watch(locale.current, value => {
|
||
|
|
instance.locale = options.locale[value] ?? value ?? instance.locale;
|
||
|
|
});
|
||
|
|
return instance;
|
||
|
|
}
|
||
|
|
export function useDate() {
|
||
|
|
const options = inject(DateOptionsSymbol);
|
||
|
|
if (!options) throw new Error('[Vuetify] Could not find injected date options');
|
||
|
|
const locale = useLocale();
|
||
|
|
return createInstance(options, locale);
|
||
|
|
}
|
||
|
|
|
||
|
|
// https://stackoverflow.com/questions/274861/how-do-i-calculate-the-week-number-given-a-date/275024#275024
|
||
|
|
export function getWeek(adapter, value) {
|
||
|
|
const date = adapter.toJsDate(value);
|
||
|
|
let year = date.getFullYear();
|
||
|
|
let d1w1 = new Date(year, 0, 1);
|
||
|
|
if (date < d1w1) {
|
||
|
|
year = year - 1;
|
||
|
|
d1w1 = new Date(year, 0, 1);
|
||
|
|
} else {
|
||
|
|
const tv = new Date(year + 1, 0, 1);
|
||
|
|
if (date >= tv) {
|
||
|
|
year = year + 1;
|
||
|
|
d1w1 = tv;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
const diffTime = Math.abs(date.getTime() - d1w1.getTime());
|
||
|
|
const diffDays = Math.ceil(diffTime / (1000 * 60 * 60 * 24));
|
||
|
|
return Math.floor(diffDays / 7) + 1;
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=date.mjs.map
|