We released today version 1.0 of our wonderful calendar widget. It has been a long way, but however, we believe that it worths the efforts.  We wish to thank to the whole community for the precious feedback provided over these years.  Enjoy our product! ;-)

Hey, I thought it might be really cool to do the following but I cannot figure out how: Instead of the day and date appearing in the footer window (just below the calendar), I would like to have a message show up there instead. For example, when a user rolls over Mon., Dec. 19, the box below the calendar doesn't list the date but something else, like "John's Birthday." Is this possible? Thanks!!

Hola a todos aqui les dejo como solucione mi problema para desabilitar los feriados domingos y festivos del calendario:

1.-
Agregar en calendar-setup.js al final

//meses y dias desabilitados
var SPECIAL_DAYS = {
0 : [ 1 ], // Dias especiales en Enero
//1 : [ ], // Dias especiales en Febrero
//2 : [ ], // Dias especiales en Marzo
3 : [ 14, 15, 16 ], // Dias especiales en Abril
4 : [ 1, 21 ], // Dias especiales en Mayo
5 : [ 12, 26 ], // Dias especiales en Junio
//6 : [ ], // Dias especiales en Julio
7 : [ 15 ], // Dias especiales en Agosto
8 : [ 18, 19 ], // Dias especiales en Septiembre
9 : [ 9 ], // Dias especiales en Octubre
10 : [ 1 ], // Dias especiales en Noviembre
11 : [ 8, 25 ], // Dias especiales en Diciembre
};

function dateIsSpecial(year, month, day) {
var m = SPECIAL_DAYS[month];
if (!m) return false;
for (var i in m) if (m[i] == day) return true;
return false;
}

function disableDateP( date, y, m, d )
{
if (dateIsSpecial(y, m, d))
return true; //dias especiales desbilitados
else
return (date.getDay() == 0 || date.getDay() == 6) ? true : false;
//false para habilitar todas las demas fechas y true para los domingosa y festivos
}

2.- Agregar el calendario a la web

<input name="fecha_vb_cliente" type="text" id="f_vb_cliente" size="10" maxlength="10" readonly="1" />
<input name="b_vb_cliente" type="image" class="sinborde" id="b_vb_cliente" src="imagenes/calendario.gif" alt="Calendario">
<!-- script que define y configura el calendario-->

<script type="text/javascript">

Calendar.setup({
inputField : "f_vb_cliente", // id of the input field
ifFormat : "%d-%m-%Y",
//ifFormat : "%B %e, %Y", // format of the input field
button : "b_vb_cliente", // trigger for the calendar (button ID)
align : "Tl", // alignment (defaults to "Bl")
//range : [2006],
dateStatusFunc : disableDateP,
singleClick : true
});
</script>

Bueno ojala a alguien le sirva me costo mas que la chucha hacer que esta wea funcionara pero hasta que funciono....

Saludos.
cualquier cosa mi email arriagada@gmail.com
Rodrigo Arriagada Q.
Santiago
Chile

I've been looking your page and it says that you have a release 2.1, but i am looking for the download page and i can't find it.

Can you tell me where is it?

Thanks

Hi, I downloaded and used the DHTML Calendar. It works fine and looks pretty good when i use lang/calendar-en.js.
But when i use any of the other calendar-xx files, then the calendar is not displayed properly.
Iam importing the calendar.js, and calendar-setup.js in my html and jsp.

I find that all the other calendar-xx files, have some varilabes missing (like Calendar._SDN, etc) when i compare with the calendar-en.js. Not sure if that is the reason.

Can you tell me how i should i use them, so that in all languages the calendar is displayed properly.

Thanks,
Ganesh

Hi ,

How does one make a new thread ?

I have two problems : my pop-up calendar is partially hidded by the elements in my html . I only see half of it .
The other problem is it doesn't update the input field when i select a date .

I had everything working before when i copied the html from the demo page here on this site . But now i switched the javascript for this to a page we have in production and it won't work . I have followed the quick start guide and it is easy so i don't see what the problem is . I am thinking maybe the css in the calendar folders are conflicting with the css in our page . Where is the actual html for the calendar so i can change the css for it ?

Hi, I have an AJAX page like this:
Index.php
<html>
<table>
<tr>
<td>
<div id="menu">
</div>
</td>
<td>
<div id="mainarea">
</div>
</td>
</tr>
</table
</html>

Then I load addnewapp.php into "mainarea". The JSCalendar I want to display inside of addnewapp.php. The code in addnewapp.php is like this:

<html>
<head>
<link rel="stylesheet" type="text/css" media="all" href="../calskin/theme.css" />
<script type="text/javascript" src="../scripts/calendar.js"></script>
<script type="text/javascript" src="../scripts/calendar-id.js"></script>
<script type="text/javascript" src="../scripts/calendar-setup.js"></script>
</head>
<body>
<input readonly="1" name="tanggal" type="text" id="tanggal" size="18" />
<img src="../images/calendar.gif" name="f_trigger_c" width="20" height="19" align="top" id="f_trigger_c" style="cursor: pointer; border: 1px solid red;" title="Pilih tanggal" onMouseOver="this.style.background='red';" onMouseOut="this.style.background=''" />

<script type="text/javascript">
Calendar.setup({
inputField : "tanggal",
ifFormat : "%B %e, %Y",
button : "f_trigger_c",
singleClick : true
});
</script>
</body>
</html>

But it nothing happen, what must I do to make JSCalendar show in my addnewapp.php? If just normal page call (not thorough AJAX call) it run smoothly.

TIA