Recoger valor de slider range jquery ui

[neodani]

Buenas,

Tengo implemetado el slider de JQuery UI con su minimo y máximo de rango.
http://jqueryui.com/demos/slider/#option-max

Quiero poder recopilar el valor minimo y máximo del slider tal y como haya seleccionado el usuario en dos variablas hidden de un formulario. Pero no consigo hacerlo.

He leido la documentación y dice que se debe hacer así:

Initialize a slider with the max option specified.
$( ".selector" ).slider({ max: 7 });

Get or set the max option, after init.
//getter
var max = $( ".selector" ).slider( "option", "max" );
//setter
$( ".selector" ).slider( "option", "max", 7 );

Pero cuando lo hago lo único que recibo es value="[object Object]"

Mi JS

Código Javascript:

$( "#slider-precio" ).slider({
            range: true,
            min: 0,
            max: 500,
            values: [ 0, 300 ],
            slide: function( event, ui ) {
                $( "#precio" ).val( ui.values[ 0 ] + "€" + " - " + ui.values[ 1 ]+ "€" );
            }
        });
        $( "#precio" ).val( $( "#slider-precio" ).slider( "values", 0 ) +
            "€ -" + $( "#slider-precio" ).slider( "values", 1 ) + "€" );
 
 
var max = $( "#slider-precio" ).slider( "option", "max" );
$("#inputprecio_max").attr('value', max);
 

¿Alguien sabe que estoy haciendo mal? cómo puedo ver el contenido de [object Object]?

Muchas gracias de antemano!

[neodani]

He descubierto que lo del [object Object].

Era porque primero intentaba obtener los valores sin a ver creado el slider, es decir, el problema era el orden, ya lo había puesto bien en el ejemplo del post anterior, lo que pasa es que yo lo tenia al reves, y tenia puesto primero

var max = $( "#slider-precio" ).slider( "option", "max" );
$("#inputprecio_max").attr('value', max);

Pero sigo teniendo el problema de recopilar los valores que el usuario ha seleccionado.
Solo me coje los valores preestablecidos como minimo o máximo, no el valor minimo o máximo actuales que ha marcado el usuario

He probado las opciones de la documentación sin éxito.

¿Alguien sabe que pasa?

Gracias de antemano

[neodani]

Y aquí la solución!

Agregué dentro de la función slide: function( event, ui ) las dos lineas, y las dos del final.

Código Javascript:

$( "#slider-precio" ).slider({
            range: true,
            min: 0,
            max: 500,
            values: [ 0, 300 ],
            slide: function( event, ui ) {
                $( "#precio" ).val( ui.values[ 0 ] + "€" + " - " + ui.values[ 1 ]+ "€" );
                $("#inputprecio_min").attr('value', ui.values[ 0 ]);
                $("#inputprecio_max").attr('value', ui.values[ 1 ]);
            }
        });
        $( "#precio" ).val( $( "#slider-precio" ).slider( "values", 0 ) +
            "€ -" + $( "#slider-precio" ).slider( "values", 1 ) + "€" );
 
$("#inputprecio_min").attr('value', $( "#slider-precio" ).slider( "values", 0 ));
        $("#inputprecio_max").attr('value', $( "#slider-precio" ).slider( "values", 1 ));
 

Saludos!