Pues sería como un calendario normal, pero con menos días o algo así. Se podría modificar el calendario para que salga un número determinado de días. Cuéntame los detalles que tiene el calendario lunar porque yo de eso no sé nada
. Este sería el código sobre el que se trabajaría:
Código HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
ul li {
font-family: Tahoma, Arial;
font-size:12px;
list-style-type:none;
background-color:#ededed;
padding:5px;
padding-left:3px;
padding-right:3px;
margin-right:1px;
margin-bottom:1px;
float:left;
color: #999999;
width:20px;
display:inline;
text-align:center;
}
a{
color:#333333
}
.dia {
background-color:#666666;
color:#CCC;
font-size:10px;
}
.mes {
background-color:#666666;
color:#CCC;
font-size:10px;
width:182px;
font-size:12px;
font-weight:bold;
}
.contenedor_calendario {
width:230px;
}
-->
</style>
<script language="JavaScript" type="text/javascript">
//VARIABLES QUE RECOGEN LA FECHA DEL EQUIPO
function date() {
var fecha_actual = new Date()
dia_mes = fecha_actual.getDate()
dia_semana = fecha_actual.getDay()
mes = fecha_actual.getMonth() + 1
//ARRAYS GENERALES
var meses = new Array("Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre");
var numdias = new Array(1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31);
//DETERMINAMOS EL NUMERO DE DIAS QUE TIENE EL MES ACTUAL
var diasmesact = 20;
if((mes==1)||(mes==3)||(mes==5)||(mes==7)||(mes==8)||(mes==10)||(mes==12)){
diasmesact = 31;
}
else if(mes==2){
diamesact = 28;
}
else {diasmesact = 30;
}
//PARA ASIGNAR EL NUMERO DE DIAS EN BLANCO ANTES DEL DIA 1
for(x=dia_mes; x>1; x--){
if(dia_semana==0){dia_semana=7}
dia_semana--
var dia_semanact = dia_semana-1;
}
if(dia_semanact==-1){dia_semanact=6}
//ESCRIBE EL CALENDARIO EN PÁGINA
document.write("<ul>");
document.write("<li class='mes'>" + meses[mes-1] + "</li>");
document.write("<li class='dia'>LU</li><li class='dia'>MA</li><li class='dia'>MI</li><li class='dia'>JU</li><li class='dia'>VI</li><li class='dia'>SA</li><li class='dia'>DO</li>")
for (j = 0; j < dia_semanact; j++) {
document.write("<li> </li>")
}
for (i = 0; i < diasmesact; i++) {
document.write("<li>")
document.write(numdias[i])
document.write("</li>")
}
document.write("</ul>");
}
</script>
</head>
<body>
<div class="contenedor_calendario">
<script language="JavaScript" type="text/javascript">
date()
</script>
</div>
</body>
</html>