在Bootstrap 3的Time picker中更改时间格式

Question

我想使用javascript或jquery更改时间格式（12/24小时）。我使用了来自http://jdewit.github.io/bootstrap-time选择器的bootstrap 3时间选择器/并且工作正常。

现在我想改变时间格式。如果用户选择12小时格式，如果用户选择24小时，则显示时间为12小时，然后在24小时内显示时间。

我在下面写了代码

 $(function() {

           //Timepicker
                $(".timepicker").timepicker({
                    showInputs: false,
                    showMeridian:false // for 12/24 hour time format
                });

 });

上面的代码工作正常。我在下面写了更改时间格式的代码，但它不起作用

$( "#pickhour" ).change(function() {

                    if($( "#pickhour" ).val()==1) // its set 12 hour format
                    {
                          $(".timepicker").timepicker({
                            showInputs: false,
                            showMeridian:true // for 12/24 hour time format
                        });

                    }
 });

Answer 1

我使用下面的代码解决了我的问题

$(".timepicker").timepicker('remove');

我的代码

$( "#pickhour" ).change(function() {

 $(".timepicker").timepicker('remove');

                    if($( "#pickhour" ).val()==1) // its set 12 hour format
                    {
                          $(".timepicker").timepicker({
                            showInputs: false,
                            showMeridian:true // for 12/24 hour time format
                        });

                    }
 });