No se abre JSCalendar

Begotten · #1 (**permalink**) 10/02/2015, 09:49

Hola, tengo un formulario en pop-up en el cual necesito poner 2 campos de ingreso de fechas, estoy intentando usar jscalendar pero aun no me funciona ninguno de los 2, no puedo encontrar el error. Cualquier ayuda es bien recibida

Código HTML:

Ver original<head>
  <link rel="stylesheet" type="text/css" href="css/jscal2.css" />
  <link rel="stylesheet" type="text/css" href="css/border-radius.css" />
  <link id="skin-steel" title="Steel" type="text/css" rel="alternate stylesheet" href="css/steel.css" />
  <link type="text/css" rel="stylesheet" href="css/demopage.css" />
  <script type="text/javascript" src="js/lang/en.js"></script>
  <script type="text/javascript" src="js/jscal2.js"></script>
</head>
<body>
  <div class='modal-dialog'>
    <div class='modal-content'>
      <div class='modal-header'>
        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
        <h4 class='modal-title' id='myModalLabel'>Nueva Obra</h4>
      </div>
      <div class='modal-body'>
                  <!-- statistics chart built with jQuery Flot -->
        <form class='form-horizontal well' data-async data-target='#rating-modal' method="POST">
            <div class='form-group'>
                    <label for='nombre' class='col-lg-2 control-label'>Nombre</label>
                    <div class='col-lg-10'>
                        <input type='text' class='form-control' name='nombre' id='nombre'>
                    </div>
                </div>
                <div class='form-group'>
                    <label for='cclte' class='col-lg-2 control-label'>Nombre Cliente</label>
                    <div class='col-lg-10'>
                              <select class='form-control' id="cclte" name="cclte">
                                <?php 
                                  if(!$nuevo_obras){
                                    echo "<option value=''>Seleccione</option>";
                                  }else{
                                    echo "<option value='$nuevo_obras[0]'>$nuevo_obras[1]</option>";
                                }
                                while($fila=$res->fetch_array){
                                 ?>
                                 <option value="<?php echo $fila['codigo']; ?>"><?php echo $fila['nombre']; ?></option>
                                 <?php } 
                                 ?>
                               </select>
                    </div>
                </div>
                <div id="cont"></div>
                <label for='cclte' class='col-lg-2 control-label'>Fecha</label>
                  <input size="30" id="f_date1" /><button id="f_btn1">...</button><br />
                  <script type="text/javascript">//<![CDATA[
                    Calendar.setup({
                      inputField : "f_date1",
                      button    : "f_btn1",
                      onSelect   : function() { this.hide() },
                      showTime   : 12,
                      dateFormat : "%Y-%m-%d %I:%M %p"
                    });
                  //]]></script>          
            </div>
      <div class='modal-footer'>
        <button onclick='registrarObra();' id="envio" value="envio" name= "envio" type='button' class='btn-flat'>Guardar</button>
        <button type='button' class='btn-flat white' data-dismiss='modal'>Cerrar</button>        
      </div>
    </form> 
    <div id="miTabla2">
         <div id="cargando2"></div>
     </div>
      <!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</body>
</html>

Begotten · #2 (**permalink**) 10/02/2015, 10:53

El problema es que al apretar el botón para abrir el calendario se cierra el pop up y vuelvo a la pagina de inicio, quizás el problema está en que ademas estoy usando jquery con datatables y algunas de sus extensiones pero aun no se si realmente es eso.