我遇到了这个问题,我必须从循环的PHP数组中设置多个jQuery timepicker的默认值(它们放在HTML表中)。
这是一个时间选择器文本框的JS代码:
$(document).ready(function(){
$('.timepicker').timepicker({
timeFormat: 'HH:mm',
interval: 1,
minTime: '7',
maxTime: '7:00pm',
defaultTime: '<?php echo $records[$i]->time_in ?>',
dynamic: false,
dropdown: true,
scrollbar: true
});
});
</script>
并通过循环填充表格:
<table border=1>
<tr>
<th>Time In</th>
<tr>
@for($i=0;$i<count($records);$i++)
<tr>
<td><input type="text" class="timepicker" id=start_shift_$i /></td>
</tr>
@endfor
</table>
我要执行的操作是使用从数组循环的time_in值填充时间选择器的默认值。
希望您能提供帮助。谢谢!
答案 0 :(得分:1)
您可以在输入字段中添加一个额外的属性作为“ default_date”,并将默认日期值设置为此属性。
<table border=1>
<tr>
<th>Time In</th>
<tr>
@for($i=0;$i<count($records);$i++)
<tr>
<td><input default-date="<?php echo $records[$i]->time_in ?>" type="text" class="timepicker" id=start_shift_$i /></td>
</tr>
@endfor
</table>
现在您可以像这样访问默认日期属性...
$('.timepicker').each(function(i, obj) {
$(this).timepicker({
timeFormat: 'HH:mm',
interval: 1,
minTime: '7',
maxTime: '7:00pm',
defaultTime: $(this).attr('default-date'),
dynamic: false,
dropdown: true,
scrollbar: true
});
});