Heim  >  Artikel  >  Web-Frontend  >  Leichtes natives JS-Kalender-Plug-in, Calendar.js-Nutzungsanleitung_Javascript-Kenntnisse

Leichtes natives JS-Kalender-Plug-in, Calendar.js-Nutzungsanleitung_Javascript-Kenntnisse

WBOY
WBOYOriginal
2016-05-16 16:01:582022Durchsuche

Gebrauchsanweisung:

Das Plugin Calendar.js/calendar.min.js muss eingeführt werden

Sie müssen das Stylesheet Calendar.css einführen, um den gewünschten Skin anzupassen

Dieses Kalender-Plug-in unterstützt cmd-Modularität

Rufen Sie wie folgt an:

Code kopieren Der Code lautet wie folgt:

xvDate({
'targetId':'date1',//Die ID des Zeitschreibobjekts
'triggerId':['date1','dateBtn1'],//Die Objekt-ID, die das Ereignis auslöst
'alignId':'datesWrap1',//Kalenderausrichtungsobjekt
'format':'-',//Standardzeitformat 'JJJJ-MM-TT HH:MM:SS'
'min':'2014-09-20 10:00:00',//Maximale Zeit
'max':'2014-10-30 10:00:00'//Mindestzeit
});

Parameterbeschreibung:

targetId: Die ID des Datumsschreibobjekts, darf nicht leer sein
triggerId: Die Objekt-ID, die das Ereignis auslöst. Wenn nicht festgelegt, ist der Standardwert targetId
alignId: Die Ausrichtungsbasis des Kalenderfelds. Wenn nicht festgelegt, wird standardmäßig targetId
verwendet hms: Ob die Stunden, Minuten und Sekunden eingeschaltet sind. Der Standardwert ist „on“, was bedeutet, dass die Stunden, Minuten und Sekunden eingeschaltet sind (20.09.2014, 10:00:00 Uhr) und „off“. was bedeutet, den Stunden-, Minuten- und Sekundenmodus auszuschalten (20.09.2014)
Format: Datumsformat. Der Standardwert ist „-“ (20.09.2014), „/“ bedeutet (20.09.2014)
min: Mindestzeitlimit, das Zeitformat von min bleibt das gleiche wie das vorherige Zeitformat
max: maximales Zeitlimit, das Zeitformat von max bleibt das gleiche wie das vorherige Zeitformat
zIndex: maximales Zeitlimit, Kalenderfeldebene, Standard 9999

Wenn Sie Modularisierung verwenden müssen, importieren Sie einfach die Module, auf die Sie angewiesen sind

Zum Beispiel:

Code kopieren Der Code lautet wie folgt:

define('mod1',[],function(require, exports, module){
var xvDate = require("xvDate");
})

Adresse herunterladen

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn