j-Locale

jComponent 20 · jcomponent@20 component Exempel laddat med jComponent 20

Denna komponent ställer in aktuell webbläsare local (numrerformat, datumformat och tidformat) enligt navigatior.language.

singlar
path kommer att innehålla nuvarande webbläsare
Sätt DEF.dateformat och det skapar miljömärde som kallas [ts]

Konfigurera:

language {String} valfritt, ett anpassat språk (default: navigator.language)
requests {Boolean} valfritt, lägger till ett språk till varje begäran (det påverkar DEF.languagehtml, standard: false)

Miljöer:

[ts] fulltidstamp
[date] endast datum
[time] bara tid

Utgången:

{
	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
}

Metoder:

component.use(language)

Stödda speciella språk:

eu med dd.MM.yyy med ett 24 timmars system
us med MM-dd-yyy med ett 12 timmars system

Använd den med <ui-component name="locale">När komponenten ännu inte är laddad, jComponent Ladda ner den första gången från adressen i DEF.fallback (en av Componentator Författare: Peter Širka. källa: The Componentator Komponenterna i lager, MIT licens.

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>