Estoy buscando urgentemente el uso de Calendar.js, el complemento de calendario de Travel Network.
Lo siguiente está extraído del sitio web que proporcionó como referencia
lt; div class="calendar"gt
div class="outer clearfix; " id="calendarcontainer"gt; //Contenedor de control de calendario
lt;/divgt;
lt;/divgt;
Archivos js involucrados: p>
1.Calendar.js Dirección: /js/Calendar.js
2.jquery.js (Debe abrir esto para verlo, el contenido interno no es jQuery) Dirección: / sys /js/jquery.js
3.jquery.validate.check.js Dirección:/sys/js/jquery.validate.check.js
4.line.js( La función de llamada de visualización del mes calendario está en esto) Dirección: /js/line.js
5.myfocus-2.0.4.min.js Dirección: /js/plugin/myfocus-2.0.4.min. js
El código de llamada principal es el siguiente (es posible que esta función también deba usarse junto con otros archivos js.
):
CreateCalendar(c, y, m, a, b, d, f, fu)
Descripción del parámetro: c: contenedor,
y: Año,
m: Mes,
a: Hora de salida XML,
b: Participantes del grupo,
d: Si todos los días Enviar un grupo,
f: si se muestran calendarios duales,
fu: devolución de llamada
Ejemplo de uso:
1. 'calendarcontainer ', 2014, 4); //Mostrar los calendarios de abril y mayo
2.CalendarPage('calendarcontainer', 2014, 2); //Mostrar los calendarios de febrero y marzo
función CreateCalendar(c, y, m, a, b, d, f, fu) {//c: contenedor, y: año, m: mes, a: hora de salida XML, b: participantes del grupo, d: si todos los días Enviar un grupo, f: si se muestran calendarios duales, fu: devolución de llamada LC[c] = [c, y, m, a, b, d, f, fu]; webconfig('fecha ').replace(/-/g, '/'))); hoy = nueva Fecha(hoy.getFullYear(), hoy.getMonth(), hoy.getDate()); 0 || m == 0) { y = hoy.getFullYear(); m = hoy.getMonth() }; /-/g , '/')), dmax =Date.parse(a.last().attr('d').replace(/-/g, '/')); 0, i3 = 0, d1 = nueva Fecha(dmin), d2; hoy = hoy.DateToParse(); if (Date.parse(d1.getFullYear() '/' (d1.getMonth() 1) '/1' ) gt; Fecha .parse(nueva Fecha(y, m-1, 1))) { y = d1.getFullYear(); m = d1.getMonth() } $('#' c).html(' ');/ /Calendario Lunar//var ca=new Calendar();tmp='';for(var i=0;ilt;=f;i){d1=new Date(y,m-1 i); y=d1.getFullYear (); m=d1.getMonth() 1; tmp = 'lt; tabla cellpadding="0"gt; 'tmp = 'lt;
;lt;th colspan="7"gt;lt;div class="clearfix"gt;lt;div class="prevMonth"gt;';if(i==0){i1=Fecha.parse(y '/ ' m '/1'); d1 = nueva Fecha(dmin); if(Date.parse(d1.getFullYear() '/' (d1.getMonth() 1) '/1')lt; i1){d1 = nueva Fecha(y, m-2-f, 1); tmp = 'lt; a class="prev" href="javascript:;" onclick="CalendarPage(\'' c '\',' d1.getFullYear( ) ',' (d1.getMonth() 1) ');" title="último mes"gt;?lt;/agt;';}else{tmp = 'lt;a class="prev0" href=" javascript : "title="último mes"gt;?lt;/agt;'}} tmp = 'lt;/divgt;' tmp = 'lt;div class="dates"gt;lt;emgt; ' y 'lt; /emgt;añolt;emgt;' m 'lt;/emgt;meslt;/divgt;'tmp ='lt;div class="nextMonth"gt;'if(i==f ){i1=Fecha.parse(y '/' m '/1'); d1 = nueva Fecha(dmax); i2=Fecha.parse(d1.getFullYear() '/' (d1.getMonth() 1) ' /1'); i1){d1 = nueva Fecha(y, Fecha.parse(nueva Fecha(y, m 1, 1))gt; i2?m-f: m, 1); tmp = 'lt; javascript:;" onclick="CalendarPage(\'' c '\', ' d1.getFullYear() ', ' (d1.getMonth() 1) ');" title=" El próximo mes"gt;?lt;/ agt;'}else{tmp = 'lt;a class="next0" href="javascript:;" title="El próximo mes"gt;?lt;/agt '}}tmp = 'lt;/divgt;lt ;/divgt;lt;/thgt;lt;/trgt;' tmp = 'lt;tr class="week"gt;'tmp = 'lt;th class="weekEnd"gt;Sundaylt;/thgt;' 'lt;thgt;Luneslt;/thgt;' tmp = 'lt;thgt;Marteslt;/thgt;' tmp = 'lt ;thgt;Miércoles;/thgt;' tmp = 'lt;thgt;Vierneslt;/thgt;' tmp = 'lt;ésima clase=
"weekEnd"gt;Saturdaylt;/thgt;'tmp = 'lt;/trgt;'var maxdays = (nueva Fecha(Fecha.parse(nueva Fecha(y,m,1)) - 86400000)).getDate (); //El número de días del mes actual d1 = new Date(y, m-1); //La fecha que se mostrará i1 = d1.getDay(); //El primer día de este mes es el día del semana para (var j = 1; j lt; = 6; j) {tmp = 'ltrgt;' para (var k = 1; k lt; = 7; k) {i2 = (j - 1) * 7 k - i1; if (i2 lt; 1 || i2 gt; maxdays) {tmp = 'lt; tdgt;'} else {i3 = Fecha.parse(nueva fecha(y, m-1, i2) )); d1=new Date(i3); //Calendario lunar (el valor de ll es el calendario lunar)/*var ll=ca.getlf(d1); getf(d1); if(ll==''){ll=ca.getst(d1); if(ll=='')ll=ca.getls(d1)[3];}}*/tmp =' lt;td'if (hoy == i3){tmp =' class="cur"'}; if (i3 lt; dmin || i3 gt; dmax) {tmp = 'gt;lt;pgt;lt;emgt; ' i2 'lt;/emgt ;lt;/tdgt;';} else {tmp = ' semana="' (k - 1) '" id="' y '-' m '-' i2 '"gt;lt ;pgt;lt;emgt; 'i2 'lt;/emgt;lt;/pgt;lt;/tdgt;';}}}tmp = 'lt;/trgt;';}tmp = 'lt;/tablegt;' ;} $('#' c).append(tmp); var obj, crowdid=0; for(var i en currentLP.crowd){if(crowdid==0)crowdid=currentLP.crowd[i].id; }a.each(function(){obj=$('#' $(this).attr('d')); var j={d: $(this).attr('d'), n: $ (this).attr(' n'), c: []}, k=0; $(this).children('c').each(function(i){if(crowdid==$(this). attr('i')) k=i; j.c.push({i: $(esto).attr('i'), n: $(esto).attr('n'), p: $(esto). attr('p')} ); obj.data('i', j).attr('v', 1).append('lt;pgt;lt;em class="dinero"gt;' (j.c[k].p ==-1?'Consulta electrónica':'?' j.c[k].p) 'lt;/emgt;lt;/pgt;lt;pgt;resto' (j.n==-1 ||j.ngt; 9?'gt;lt;em clase="m
oney"gt;9lt;/emgt;':'lt;em class="money"gt;' j.n 'lt;/emgt;') 'lt;/pgt;');}); si ($.isFunction( fu)){$('#' c ' td[v]').click(function (){ fu(this); }).hover( function () {$(this).addClass("hover"); }, función () {$(this).removeClass("hover");