Estoy usando el jQuery Selector de Fecha plugin por Kelvin Suerte ( http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/ ) y la necesidad de hacer lo siguiente, tal vez alguien me puede ayudar:

En un sitio web para un seguro de viaje tengo dos campos de fecha, una fecha de inicio y una fecha final. También hay un tercer campo (seleccione una) que selecciona los planes, cada una con diferente cobertura, en un número de días. La idea sería que si selecciona un plan para, por ejemplo, 15 días, y una fecha de inicio de X, el segundo campo de fecha sería por arte de magia se rellena con una fecha de X + 15 días.

Cosa es que mis conocimientos de JavaScript no es lo que usted llamaría avanzadas.

Alguien tiene alguna experiencia con el plugin, o al menos podrías darme algunos consejos?

Muchas gracias.

  • Por aquí, la gente como que tienes que poner en un cierto esfuerzo. ¿Has probado algo?
  • Sí, he mirado en varias cosas. Es decir, el plugin demo páginas, búsquedas en google y en StackOverflow, el plugin de google docs y tal. Pero hasta ahora no he encontrado nada de lo que hace. Sólo algunos de los ejemplos donde se puede definir un rango para la segunda entrada, como en kelvinluck.com/assets/jquery/datePicker/v2/demo/…
InformationsquelleAutor Contraculto | 2011-02-01

3 Comentarios

  1. 2

    Tal vez esto podría ayudar a


    $(document).ready(function(){    
        $("#date2").datepicker();  
        $("#date1").datepicker({  
            onSelect: function(){  
                var fecha = $(this).datepicker('getDate');  
                $("#date2").datepicker("setDate", new Date(fecha.getTime()));  
                $("#date2").datepicker("setDate", "+15d");  
            }  
        });  
    });  

    Supongo que esto es lo que usted necesita

    • ¿Este código utiliza la UI Datepicker, ¿verdad? Estado buscando en las soluciones con las que uno para la última hora. Trataremos de esto, gracias.
    • Funciona como un encanto. Estoy eternamente agradecido. 🙂
  2. 1

    http://jqueryui.com/demos/datepicker/
    onSelect podría ser lo que usted está buscando, cuando se selecciona la primera fecha en la que usted puede agregar 15 días y rellenar el segundo campo

    El datepicker de que está usando es la versión antigua, creo, usted debe mirar en jquery datepicker en el enlace de arriba

    • Gracias, voy a mirar en que uno. Estoy usando el otro, porque eso es lo que el sitio que tengo que modificar tiene. (Obviamente no la hice yo)
  3. 1

    He modificado una de las muestras. algo como esto:

    $(function()
    {
        $('#start-date').bind(
            'dpClosed',
            function(e, selectedDates)
            {
                var d = selectedDates[0];
                if (d) {
                    d = new Date(d);
                    var timeframe = $('.plan-length').val();
                    $('#end-date').dpSetStartDate(d.addDays(timeframe).asString());
                    $('#end-date').dpSetEndDate( d.addDays(timeframe + 1).asString());
                }
            }
        );      
    });

    donde #start-date es la fecha de inicio de la entrada, .plan-length es un selector que devuelve el número de días que el plan iba a agregar (obviamente no sé su aplicación, por lo que seguramente tiene que cambiar). y #end-date es el fin de la fecha de entrada.

    EDICIÓN: yo también recomiendo mirar el jquery UI DatePicker plugin, ya que es mucho más flexible y de la OMI más fácil de usar.

    EDIT 2: puede establecer la fecha de inicio y fin, así que es sólo una opción.
    He añadido más de 1 línea del código anterior.

    • Gracias. Esto está cerca, pero al parecer con este plugin sólo puede establecer las fechas de inicio y no un exacto. Voy a mirar en la interfaz de usuario del plugin.
    • Puede establecer la fecha de inicio y fin, así que es sólo una opción. He añadido más de 1 línea del código anterior.

Dejar respuesta

Please enter your comment!
Please enter your name here