19,495
edits
No edit summary |
No edit summary |
||
Line 4: | Line 4: | ||
return navigator.languages[0]; | return navigator.languages[0]; | ||
return navigator.language; | return navigator.language; | ||
} | |||
function changeSeparator(component, separator) | |||
{ | |||
const styleSheets = document.styleSheets; | |||
let ruleIndex; | |||
for (let i = 0; i < styleSheets.length; i++) | |||
{ | |||
const rules = styleSheets[i].cssRules || styleSheets[i].rules; | |||
for (let j = 0; j < rules.length; j++) | |||
{ | |||
if (rules[j].selectorText === `.date-${component}::before`) | |||
{ | |||
ruleIndex = j; | |||
break; | |||
} | |||
} | |||
if (ruleIndex !== undefined) | |||
{ | |||
// Update the content of the existing rule | |||
styleSheets[i].deleteRule(ruleIndex); | |||
styleSheets[i].insertRule(`.date-${component}::before{content:"${separator}";}`, ruleIndex); | |||
break; | |||
} | |||
} | |||
} | } | ||
Line 16: | Line 43: | ||
if (lang != "en-US") // LocaleDate prints dates in U.S.-style by default | if (lang != "en-US") // LocaleDate prints dates in U.S.-style by default | ||
{ | { | ||
root.style.setProperty('--month-order', '2'); | root.style.setProperty('--month-order', '2'); | ||
root.style.setProperty('--day-order', '1'); | root.style.setProperty('--day-order', '1'); | ||
changeDateSeparator('month', '/'); | |||
changeDateSeparator('day', ''); | |||
} | } | ||
} | } |