Datepicker con 2 input

[sanref]

hola, tengo un filtro de un listado donde puedo filtrar por fechas (desde - hasta). Utilizo el Datepicker de jQuery, pero quiero que al seleccionar una fecha, me restrinja el otro calendario. Por ejemplo, si elijo en la fecha desde, el 25/10, que en la fecha hasta no me deje elegir una fecha anterior al 25/10.

Encontre un par de script pero quiero utilizar los de jQuery.
Alguien sabe si se puede restringir las fechas con alguna funcion o metodo?

Saludos

[eall]

podrías usar el onSelect que trae el plugin e indicarle una función que verifique lo que tu quieres hacer.

Código javascript:

("#txtFechaIni").datepick({onSelect: function(value, date, inst){
if  (!($(this).val()=="")){
    var dia=1000*60*60*24;  //numero de milisegundos de un día.
    var ff = $(this).val().split("-");  //depende del formato sera el separador que utilices
    termino = new Date(ff[2],ff[1],ff[0]);
    ff = $("#txtFecIni").val().split("-");
    inicio = new Date(ff[2],ff[1],ff[0]);
    if (!((termino.getTime()/dia > inicio.getTime()/dia) )){
        alert("Fecha de termino debe ser superior a la fecha de inicio");
        $(this).val("");
        $(this).focus();
    }
}
}});
 

la documentación está aca http://keith-wood.name/datepickRef.html#onSelect

espero te sirva.

Exito.

[sanref]

eall, por mis tierras te dirian ¡¡¡MAESTRO!!!
El script no era el mismo que yo estaba utilizando, es mejor!!; y dentro del link que me pasaste esta la opcion para especificar rangos de fechas restringiendo una dependiendo de la otra.

Mil gracias, me costo un "peru" conseguir un script asi.

Saludos

[Black_StorM]

Puedes decirme como le aplicas el datepicker a los 2 input ? a mi me lo aplica solo a 1 .. :S no se como hacer para que salga en los 2.
Mil gracias !

[sanref]

Iniciado por Black_StorM

Puedes decirme como le aplicas el datepicker a los 2 input ? a mi me lo aplica solo a 1 .. :S no se como hacer para que salga en los 2.
Mil gracias !

al textbox asignale la siguiente clase CSS:

embed dpDate

Despues, el Javascript es:

Código:

$(function() {
            $('#txtFechaDesde,#txtFechaHasta').datepick({dateFormat: 'dd/mm/yy', beforeShow: customRange, 
                showOn: 'both', changeMonth: false, changeYear: false, buttonImageOnly: true, buttonImage: '../js/dataPicker/calendar.gif',
                showAnim: 'slideDown', duration: 'normal'}); 
            
        });
        
        function customRange(input) {  
            return {minDate: (input.id == "txtFechaHasta" ? 
                $("#txtFechaDesde").datepick("getDate") : null),  
                maxDate: (input.id == "txtFechaDesde" ? 
                $("#txtFechaHasta").datepick("getDate") : null)};  
        }
        
        function customRange2(input) {  
            return {minDate: (input.id == "txtFechaPagoCheque" ? 
                $("#txtFechaEmision").datepick("getDate") : null),  
                maxDate: (input.id == "txtFechaEmision" ? 
                $("#txtFechaPagoCheque").datepick("getDate") : null)};  
        }

saludos