Si no interprete mal tu problema, se da por lo siguiente;
vos en la siguiente linea:
$("#slider_2_val").val( exerciseSliderValue );
Asignas el .val()
a un objeto de id="slider_2_val"
Y dentro de tu html, no existe tal id.
Bastaría con asignarle el id
a cualquiera de tus input
y verías el resultado que esperas
<input type="text" min="30" max="90" step="30" id="slider_2_val">DIAS
Espero ese sea tu problema, sino intentá aclararlo un poco más!
Saludos
EDIT
Para lograr lo que necesitas,bastaría con realizar el cálculo o el condicional necesario para llegar al dato que queres mostrar, por ejemplo, podrías usar un switch;
$( "#slider_2" ).slider({
min: 0.03,
max: 0.09,
step: 0.03,
slide: function( event, ui ) {
switch(ui.value)
{
case 0.03: exerciseSliderValue = 30; break;
case 0.06: exerciseSliderValue = 60; break;
case 0.09: exerciseSliderValue = 90; break;
default: exerciseSliderValue = 0; break;
}
changeValue();
}
En este caso, cuando el resultado sea 0.03
, exerciseSliderValue
valdrá 30
, osea que en tu input
mostrarías 30
Otra opción es definirlo mediante un cálculo, por ejemplo
$( "#slider_2" ).slider({
min: 0.03,
max: 0.09,
step: 0.03,
slide: function( event, ui ) {
exerciseSliderValue = ui.value*1000;
changeValue();
}
}); </script>
Aquí llegarías al mismo resultado que en el ejemplo de arriba, pero en base a tu problema, será el método que elijas para definir el valor, como existen estos 2 ejemplos, existirán también miles mas!
Espero que ahora si tu duda haya quedado clara!