1

我正在使用一个名为 pickadate/pickatime 的库。http://amsul.ca/pickadate.js/time/

这是代码:

<select id="day" onchange="myFunction()">
    <option value="[7,30]">Day 1</option>
    <option value="[8,00]">Day 2</option>
    <option value="[10,20]">Day 3</option>
</select>
<input type="text" id="time">

<script>
var value = document.getElementById('day').value;
function myFunction() {
    $('#time').pickatime( {
        min: value // minimum time
    });
}
</script>

让我解释一下代码的作用。

每次select更改时,onchange myFunction() 都应该触发。它是第一次。那就是问题所在。[8,00]如果我首先选择第 2 天,它将在 javascript 函数中插入最小值。

如果我在选择了某些内容后不刷新页面并选择第 1 天或第 3 天,它不会更新最小值。我怎样才能解决这个问题?

编辑:问题:我正在初始化 $('#time').pickatime... 第一次。我怎样才能重新初始化它或刷新它?

4

2 回答 2

0
$('#time').pickatime();
var element = document.getElementById('day');
function myFunction() {
    $('#time').pickatime( {
        min: element.value // minimum time
    });
}
于 2017-04-21T22:17:10.830 回答
0

您需要清除时间输入值。尝试如下;

 $('input[type="time"]').val(null);
于 2017-04-21T22:17:32.390 回答