Mi código:

 var availableDates = ["23-1-2013","24-1-2013","25-1-2013"];

        function available(date) {
          dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear();
          if ($.inArray(dmy, availableDates) !== -1) {
            return [true, "","Available"];
          } else {
            return [false,"","unAvailable"];
          }
        }


        $("a.pickadate").click(function () {
            $("#datepicker").datepicker({
                    beforeShowDay: available,
                    altField: '#datepicked',
                    dateFormat: "dd-mm-yy"
                });
        });
        $("#datepicker a.ui-state-default").click(function () {
            $("#datepicker").datepicker("hide");
        });

Abre bien, rellena los campos fina y muestra la fecha correcta también está bien; sólo cuando selecciono algo que permanece abierta.

Y mi HTML es:

<input type="text" id="datepicked" name="datepicked" size="8" style="float: left;">
    <a href="javascript:void();" class="pickadate">
        <img src="media/images/icon-calendar.gif" style="float: left; margin-right: 10px;">
    </a>    
    <!-- Datepicker -->
    <div id="datepicker" style="position: absolute; left: 670px; border: 0px; z-index: 5000; top: 247px;"></div>

¿Por qué no se cierre? Tiene que ver con el CSS en el estilo de etiqueta? No sé donde debo poner que de lo contrario. Si llevo a que fuera, no cierra, y el posicionamiento es horrible.

  • tengo un jsfiddle? va a ser un poco más fácil ver lo que estamos haciendo..
InformationsquelleAutor Chud37 | 2013-01-23

3 Comentarios

  1. 1

    utilizar esta secuencia de comandos

     $(document).click(function (e) {
            var ele = $(e.target);
            if (!ele.hasClass("hasDatepicker") && !ele.hasClass("ui-datepicker") && !ele.hasClass("ui-icon") && !$(ele).parent().parents(".ui-datepicker").length)
                $(".hasDatepicker").datepicker("hide");
        });
  2. 0

    Sé que es un hilo viejo, pero tal vez alguien lo encuentre útil:

    Tengo muchos diferentes marcadores de posición en el sitio, con diferentes colores, de modo que el color exacto, puede anular el estilo.

    esta es la solución que ha funcionado:

    ::-webkit-input-placeholder { color:inherit; opacity: 1 !important;}

Dejar respuesta

Please enter your comment!
Please enter your name here