j-Clock

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

Stöd för dark mode
fungerar only med Bootstrap Grid System (i annat fall behöver du fixa CSS)
Tack och lov Weareoutman För vissa saker

Konfigurera:

twelvehour {Boolean} (alternativt) klockan kommer att vara 12 timmar (default false).

Användning

var ELEMENT = $(document);
var PATH = 'some.path.to.date';
var X_OFFSET = 100;

SETTER('clock', 'toggle', ELEMENT, PATH, function(date) {
	console.log('SELECTED DATE:', date);
}, X_OFFSET);

Använd den med <ui-component name="clock">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: Denis Granec. källor: den Componentator Komponenterna i lager, MIT licens.

example.html

<a href="#clock">SHOW CLOCK</a>
<ui-component name="clock"></ui-component>

<script>
	var form = {};
	form.date = new Date();

	$('a[href="#clock"]').on('click', function(e) {
		SETTER('clock', 'toggle', $(this), form.date, function(date) {
			alert(date);
		});
	});
</script>