如何使用 MySQL 数组中的值从 jQuery 函数设置文本框的默认值？

Question

我有这个问题，我必须从循环的 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 值填充 timepickers 默认值。

Answer 1

您可以将输入字段的额外属性作为“default_date”并将默认日期值设置为该属性。&nbsp;<table border=1>&nbsp; &nbsp;<tr>&nbsp; &nbsp; &nbsp;<th>Time In</th>&nbsp; &nbsp;<tr>&nbsp; &nbsp;@for($i=0;$i<count($records);$i++)&nbsp; &nbsp;<tr>&nbsp; &nbsp; &nbsp;<td><input default-date="<?php echo $records[$i]->time_in ?>" type="text" class="timepicker" id=start_shift_$i /></td>&nbsp; &nbsp;</tr>&nbsp; &nbsp;@endfor</table>现在您可以像这样访问默认日期属性...$('.timepicker').each(function(i, obj) {&nbsp; &nbsp; &nbsp;$(this).timepicker({&nbsp; &nbsp; &nbsp; &nbsp; timeFormat: 'HH:mm',&nbsp; &nbsp; &nbsp; &nbsp; interval: 1,&nbsp; &nbsp; &nbsp; &nbsp; minTime: '7',&nbsp; &nbsp; &nbsp; &nbsp; maxTime: '7:00pm',&nbsp; &nbsp; &nbsp; &nbsp; defaultTime: $(this).attr('default-date'),&nbsp; &nbsp; &nbsp; &nbsp; dynamic: false,&nbsp; &nbsp; &nbsp; &nbsp; dropdown: true,&nbsp; &nbsp; &nbsp; &nbsp; scrollbar: true&nbsp; &nbsp; });});