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

时间:2019-05-24 04:34:32

标签: php jquery

我遇到了这个问题,我必须从循环的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值填充时间选择器的默认值。

希望您能提供帮助。谢谢!

1 个答案:

答案 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
    });
});