时间选择器在不破坏的情况下更改时间格式

Question

我正在使用一个时间选择器插件（可在此处找到：http://trentrichardson.com/examples/timepicker/)。

我有一系列的时间选择器，还有一个菜单选项，允许用户更改时间格式。然而，我能让它正常工作的唯一方法是，我必须运行一个函数来破坏时间选择器，然后重置默认值：

    $("#timeformat").change(function () {
    $(".mytime").timepicker("destroy");
    $(".mytime").timepicker({
    controlType: 'select',
    oneLine: true,
    timeFormat: $(this).val()  
});

这带来了一个问题，因为在我的所有时间选择器上，我都是独立设置默认时间的，所以它们已经被填充，用户可以选择手动更改时间。当我销毁时间选择器时，它还会擦除我添加的默认时间。

有没有一种方法可以解决这个问题，而不必销毁时间选择器，这样当用户更改格式时，我就可以保留默认时间？

Answer 1

从旧的时间选择器传递数据

$("#timeformat").change(function () {
    $past-time = $(".mytime").val();
    $(".mytime").timepicker("destroy");
    $(".mytime").timepicker({
       controlType: 'select',
       oneLine: true,
       timeFormat: $(this).val();  
    });
    $(".mytime").val($past-time);