Estoy tratando de usar el bootstrap-datepicker. El problema es que me estoy poniendo sólo la entrada de presentada sin ningún estilos.
Aquí están mis incluye:

<link href="../css/bootstrap.css" rel="stylesheet" media="screen">
<link href="../css/datepicker.css" rel="stylesheet">
<link href="../css/main.css" rel="stylesheet">

<script src="../js/jquery.js"></script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
        <script src="../js/assets/html5shiv.js"></script>
        <script src="../js/assets/respond.min.js"></script>
<![endif]-->
<script src="../js/bootstrap.min.js"></script>
<script src="../js/assets/bootstrap-datepicker.js"></script>
<script src="../js/main.js"></script>

aquí está el código html:

<div class="input-append date" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
    <input id="dp3" size="16" type="text" value="12-02-2012"/>
    <span class="add-on"><i class="icon-calendar" id="cal2"></i></span>
</div>

y aquí es el javascript :

$('#dp3').datepicker();

lo que está mal??

Nota:
No se cuando me voy a centrar en la entrada de la calandra aparece pero no hay ningún icono.

InformationsquelleAutor vlio20 | 2013-11-04

3 Comentarios

  1. 2

    Si utiliza esta versión que usted tiene que utilizar con Bootstrap 2, ya que no es totalmente compatible con Bootstrap 3. Si utiliza Bootstrap 3 usted tiene que tratar con el icono problema sí mismo, mediante la adición de un icono diferente, el uso de un botón o eliminar por completo esa parte.

  2. 0

    De su código, parece que te falta agregar la siguiente css archivos.

    1. bootstrap css
    2. bootstrap css selector de fecha

    Asegúrese de que usted agregue.

    Ver aquí el trabajo JSFiddle

  3. 0

    Para resolver este problema, puede realizar esta llamada cuando DOM se carga:

    $(function() {
      $('#dp3').datepicker();
    });

    O

     $(document).ready(function(){
             $('#dp3').datepicker();
           });
    • Mi código es como el que has publicado aquí, pero aún no puedo ver el icono.
    • no es igual la llamo en el documento.listo pero no post como que

Dejar respuesta

Please enter your comment!
Please enter your name here