2

假设我有一个输入，它是一个文本字段。

如果我输入 3600，那么这个值就是 60 分钟。我正在根据秒跟踪持续时间的值。

我如何动态显示一个显示秒数的滑块，如果低于 1 分钟，超过 1 分钟会显示 1 分 x 秒，等等......如果超过一个小时，它会显示 1 小时 30 分 5 秒，并且很快。限于小时/分钟/秒。

这个滑块只是一个 UI 包装器，可以作为输入的实际值几秒钟。

4

1 回答 1

1

每当在文本字段中输入值时，我都会创建一个滑块来显示增量，反之亦然，并编写“slidechange”亨德勒代码来进行转换并显示它。

// Create a slider with unit increments (for seconds)
$( "#slider" ).slider({
    min:0,
    max:18000, // Max 5 hours for this example
    step:1
});

我不确定这是否正是您要寻找的，但已尝试使代码足够简单，以便您可以对其进行修改以满足您的需要。

您可以在此处查看完整的工作示例jsFiddle 链接

于 2013-09-05T21:34:42.063 回答