Switch between 12h/24h

[enneston]

Hi,

I've got a timepicker input and a selector:

<select id="field_timeFormat" name="fieldTimeFormat">
<option value="hh:mm a">hh:mm AM/PM(12 hours)</option>
<option value="HH:mm">HH:mm(24 hours)</option>
</select>

And I'd like to update timepicker and input on any change on selector. I wrote this code:

  $("#field_timeFormat").change(function(){
     var timeformat = $(this).val();
        if (timeformat == "hh:mm a"){
            $(".timepicker").timepicker({ampm:true })
        }else{
            //$(".timepicker").timepicker({});
            $(".timepicker").timepicker({ampm:false});
            }    
   });

But it doesn't work. Any idea?