Jquery md-timepicker 在 ng-repeat 中不起作用

Posted 2023-05-09

【中文标题】Jquery md-timepicker 在 ng-repeat 中不起作用

【英文标题】：Jquery md-timepicker is not working in ng-repeat

【发布时间】：2021-02-22 10:52:38

【问题描述】：

这是我的 html 代码

    <tr ng-repeat="BreakData in $root.dataFromController[$root.selectedShift].BreakData">
        <td style="font-size:20px; text-align:left;">BreakData.BreakName</td>
        <td>
<md-input-container class="hmSchIn" ng-hide="TblRowData.strScheduleCompressorNameShiftStartTime == ''">
            <input type="text" id="timepicker" ng-model="BreakData.StartTime" ng-readonly="true" />
    </md-input-container>
         </td>

只有第一个输入字段打开，其余的都不起作用。

【问题讨论】：

可能是因为您正在为页面中的多个元素重复使用该 ID。

即使我也这么认为。但是如何解决这个问题呢？

其实我不确定你是否正确初始化了输入。您可以链接您用于时间选择器的版本的文档吗？

不确定版本，但如果您需要多样化您的 id，您可以使用 $index 来帮助您。 id="timepicker$index"

非常感谢。它通过编写 id=“timepicker$index 开始工作。

【参考方案1】：

您已将 ng-readonly 设置为 true。删除该属性或将其设置为 false。

<input type="text" id="timepicker" ng-model="BreakData.StartTime" ng-readonly="false" />