j-Locale

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Deze component stelt de huidige browser local (numerformaten, datumformaten en tijdformaten) volgens de navigatior.language.

Singleton
path bevat de huidige browser local
Het set DEF.dateformat en het creëert een milieuwaarde genaamd [ts]

Configuratie:

language {String} optioneel, een aangepaste taal (default: navigator.language)
requests {Boolean} optioneel, voegt een taal toe aan elke aanvraag (dit beïnvloedt DEF.languagehtml, standaard: false)

Omgeving:

[ts] Full Tijdstamp
[date] alleen datum
[time] alleen tijd

Uitgang:

{
	dt: 'yyyy–MM–dd', // date format
	nf: 1,  // number format: 1 = 100 000.123, 2 = 100 000,123, 3 = 100.000,123, 4 = 100,000.123
	fdw: 0, // first day of week
	tf: 24  // time format: 12, 24
}

Methoden:

component.use(language)

Ondersteunde speciale talen:

eu met de dd.MM.yyyy met een 24 uur systeem
us met de MM-dd-yyyy met een 12 uur systeem

Gebruik het met <ui-component name="locale">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

example.html

<ui-component name="locale" path="mylocale"></ui-component>
<hr />
<pre><ui-bind path="mylocale" config="text:JSON.stringify(value, null, '  ')"></ui-bind></pre>
<ui-bind path="testvalue" config="template" class="mt10 block">
	<script type="text/html">
		<div>{{ value.date | format }}</div>
		<div>{{ value.date | format('[ts]') }}</div>
		<div>{{ value.number | format(2) }}</div>
	</script>
</ui-bind>

<script>
	var testvalue = { date: new Date(), number: 1234567.89 };
</script>