Foros del Web - Ver Mensaje Individual - instalacion del JSCal2-1.7

barclow · #2 (**permalink**) 30/12/2009, 07:24

simplemente pega la carpeta de JSCal algun lugar de tu sitio web.

Luego en un documento HTML que quieras usarlo pones lo siguiente:
OJO: La dirección donde lo tienes cambiará, yo renombré la carpeta de JSCal2-1.7 a jscalendar2.

Código HTML:

Ver original<html>
<head>
<script type="text/javascript" src="../jscalendar2/src/js/jscal2.js"></script>
    <script type="text/javascript" src="../jscalendar2/src/js/lang/en.js"></script>
    <link rel="stylesheet" type="text/css" href="../jscalendar2/src/css/jscal2.css" />
    <link rel="stylesheet" type="text/css" href="../jscalendar2/src/css/border-radius.css" />
    <link rel="stylesheet" type="text/css" href="../jscalendar2/src/css/steel/steel.css" />
</head>
<body>
<form>
<input id="txtFechaOc" type="text" class="Input" runat="server" readonly="readonly" /><img id="imgCalendario" alt="" onmouseout="this.style.background=''" onmouseover="this.style.background='red';"
                        src="http://www.forosdelweb.com/f13/jscalendar/img.gif"  style="cursor: pointer; border: 1px solid red; vertical-align:middle" title="Seleccionar fecha" />
</form>
<script type="text/javascript">//<![CDATA[
 
      var cal = Calendar.setup({
          weekNumbers: true,
          animation: true,
          onSelect: function(cal) { cal.hide() }
      });
      
      cal.manageFields("imgCalendario", "txtFechaOc", "%Y-%m-%d");
      
    //]]>
</script>
</body>
</html>