De abajo tengo un datepicker de Jquery y jquery, timepicker (trent richardson selector de fecha y timepicker)

 $(function() {
        $( "#datepicker" ).datepicker({minDate: 0, 
        dateFormat: "dd-mm-yy",
        showOn: "button",
        buttonImage: "Images/calendar.gif",
        buttonImageOnly: true});
    });



        $('#durationpicker').trenttimepicker({
            timeFormat:'hh mm ss',
            hourGrid: 4,
            minuteGrid: 10,
            secondGrid: 10,
            showOn: 'button',
            buttonImage: "Images/clock.gif",
            buttonImageOnly: true
            });

        });

Ahora ambos selector de fecha y timepicker son accedidos por el usuario haga clic en un icono (un icono de calendario para el selector de fecha y un icono de reloj para timepicker (‘#durationpicker’). Lo que mi pregunta es: ¿cómo puedo conseguirlo de modo que el puntero del cursor que aparece cuando el usuario se sitúa sobre los dos iconos?

A continuación es el html:

<p><strong>3: Duration:</strong> <input type="text" id="durationpicker" name="durationChosen" readonly="readonly" />

<p><strong>4: Date:</strong> <input type="text" id="datepicker" name="dateChosen" readonly="readonly" />
InformationsquelleAutor user1180490 | 2012-02-03

3 Comentarios

  1. 7
    .ui-datepicker-trigger{cursor:pointer}
    • hace esto en el css o jquery? supongo css
    • +1. CSS. .ui-datepicker-trigger es el valor predeterminado de la clase del icono en jQuery datepicker.
    • sí que es ir en css
    • sí en el css. es una propiedad cursor para cualquier tipo de código que contiene esta clase.
    • es css y su trabajo, gracias 🙂
  2. 1
               $( ".ui-datepicker-trigger" ).css('cursor','pointer');   

    Esto funciona para mí el jQuery manera, usted puede incluir en su guión y no debería darte ningún problema. Yo estoy usando yo para un proyecto con jQuery ThemeSwitcher y jQuery UI Temas.

    Esto es una conjetura, pero se debe tener a donde necesita 🙂

    • en el selector dentro de las funciones de jQuery: $( «.datepicker» ).datepicker({sus opciones}); $(‘.durationpicker’).trenttimepicker({sus opciones}); de Esta manera usted puede, a continuación, hizo los ajustes basados en la salida al navegador como se indicó anteriormente para cada una de las bibliotecas jQuery. Menciono esto porque he tenido dos datepickers en la misma página y el uso de este método, que funcionó muy bien. El aceptó contestar no es válido porque ser el css el planteamiento de la cuestión como no tiene el hover atributo que se debe trabajar. Háganos saber por favor si es que funcionó! 🙂
  3. 0

    Si entiendo tu pregunta es necesario agregar el siguiente código CSS para ambos iconos

    #durationpicker, #datepicker {
    cursor: pointer;
    }
    • Creo que tienes razón, pero sólo se necesita añadir :hover a la final de la selección.
    • Que lo hace por el cuadro de texto, la quiero para el icono situado junto al cuadro de texto, no en el cuadro de texto. Si miramos las funciones es la buttonImage quiero mostrar un puntero del cursor al pasar el cursor sobre el icono
    • Agregar :hover sólo si desea que el puntero aparezca al pasar el ratón. Lo mismo va para :focus.
    • pruebe con #durationpicker img, #datepicker img {cursor:pointer;}
    • no, todavía haciendo la misma cosa. He incluido el código html en la pregunta. Creo que sólo se puede realizar en el código jquery porque los iconos son construidas en si usted sabe a qué me refiero

Dejar respuesta

Please enter your comment!
Please enter your name here