<form>
    <label class="fldLabelDemi" for="itDateRange">Date :  
        <input type="text" id="itDateRange" name="itDateRange" />
    </label>
    <div id="sliderDate"></div>
    <span class="imgDelete" id="XXitDateRange"></span>
    <!-- imgDelete permet de remettre à 'default' le slide -->
</form>

jQuery(document).ready(function($){  
      var $frmRecherche = $("#frmRecherche" );
    
    //année en cours
    var date = new Date();
    var dateMax = date.getFullYear()
    
    $( "#sliderDate" ).slider({            
        range: true,            
        min: 1980,            
        max: dateMax,  
        step: 1,            
        values: [ 1980, dateMax ],            
        slide: function( event, ui ) {                
            $( "#itDateRange" ).val( ui.values[ 0 ] + " - " + ui.values[ 1 ] );            
        }        
    });        
    $( "#itDateRange" ).val( $( "#sliderDate" ).slider( "values", 0 ) +            
    " - " + $( "#sliderDate" ).slider( "values", 1 ) );    
    
    //remet à 'default' le slider
    $(".imgDelete" ).click(function(){  
        var str = this.id;
        itID = str.replace("XX", "" );  
        if(itID == "itDateRange" )
        {
            $("#"+itID+"" ).empty().val("1980 - "+dateMax);    
        }
        else
        {
            $("#"+itID+"" ).empty().val("" );
        }
    });  
});