【问题标题】:timepicker change timeFormat without destroying?timepicker 更改 timeFormat 而不破坏?
【发布时间】:2015-04-03 17:17:24
【问题描述】:

我正在使用 timepicker 插件(可在此处找到:http://trentrichardson.com/examples/timepicker/)。

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

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

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

有没有办法解决这个问题而不必破坏时间选择器,以便在用户更改格式时保持默认时间?

【问题讨论】:

  • 将旧时间选择器中的数据传递给新时间选择器
  • 你能告诉我更多关于你的建议吗?

标签: jquery jquery-ui-timepicker


【解决方案1】:

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

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

【讨论】:

  • 我试过了,但是没有用。我在 "$(".mytime").val();" 上运行了一个警报它是空的。我正在使用以下设置默认时间:"$("#timestart").timepicker({ hour: 8, minute: 30 });"
  • 我应该添加该值可能为空的部分原因是因为在用户选择时间选择器之前默认时间实际上不会显示在输入上(我正在处理的第二个问题)。
猜你喜欢
  • 1970-01-01
  • 2017-10-22
  • 1970-01-01
  • 1970-01-01
  • 2019-03-23
  • 1970-01-01
  • 1970-01-01
  • 2018-05-16
  • 1970-01-01
相关资源
最近更新 更多