使用数据值调用 Timepicker

Question

我在使用 class 调用 timepicker 并将数据值传递给脚本时遇到问题。

到目前为止，我所拥有的是一个循环，它将为每个条目创建一个循环

foreach($data as $value){
$min_hour = $value['minhour']; // returns value from DB like 7 to 12
echo '<td><input type="text" value="" class="schedule-timepicker" data-minhour="'.$min_hour.'" data-minminutes="30" data-maxhour="17" data-maxminutes="00"></td>';
}

然后在 js 文件中我有

$(document).ready(function(){

    $('.schedule-timepicker').timepicker({
        timeFormat: 'HH:mm:ss',
        minDate: new Date(1, 1, 1, $('.schedule-timepicker').data('minhour'), 00),
        maxDate: new Date(1, 1, 1, $('.schedule-timepicker').data('maxhour'), 00),
    });
});

问题是时间选择器被调出并工作，但每个输入都具有与第一个输入相同的最小小时值。请帮忙解决这个问题。谢谢

Answer 1

所以cyberRobot@forums.phpfreaks.com的帮助指出我在代码中犯了一个错误，我想与其他人分享它以防将来对其他人有所帮助。

$('.schedule-timepicker').each(function () {

    $(this).timepicker({
        timeFormat: 'HH:mm:ss',
        minDate: new Date(1, 1, 1, $(this).data('minhour'), 0),
        maxDate: new Date(1, 1, 1, $(this).data('maxhour'), 0)
    });

});

PS。谢谢你不帮忙。！还有那个在我的帮助请求下投了反对票的蠢货.. Fu*k you.

使用数据值调用 Timepicker

Call Timepicker with data-values

timepicker