javascript - 在angularjs转发器内的输入日期将字符串转换为日期

Question

我有一个带有表格行的转发器，其中有一个日期，可以编辑。问题是我无法使用字符串而不是日期对象设置模型，并且无法对日期输入应用过滤器。哪个可能是这里的解决方法？

谢谢

<tr data-ng-repeat="item in collection">
    <td data-ng-bind="item.name"></td>
    <td data-ng-bind="item.sharedDate | date:'MMMM dd, yyyy'"></td>
    <td>
        <span data-ng-bind="item.note"></span>
        <textarea data-ng-model="item.note"></textarea>
    </td>
    <td>
        <span data-ng-bind="item.expiryDate | date:'MMMM dd, yyyy'"></span>
        <input type="date" class="form-control" id="expiryDate" data-ng-model="(item.expiryDate | date:'MM/dd/yyyy')">
    </td>

Answer 1

data-ng-model 是一个双向数据绑定(bind)，您不能使用表达式。它必须引用范围变量，以便 ngModel 可以读写。

如果 item.expiryDate 的值不是 ngModel 的正确格式，那么在模板中使用它之前，您必须在 Controller 中对其进行预处理。

您需要先在 Controller 或指令中执行类似的操作。

_.each($scope.collection,function(item) { item.expiryDate = $filter('date')('MM/dd/yyyy'));

现在在您的模板中，您可以使用 ngModel 作为该值的双向数据绑定(bind)。

<input type="date" class="form-control" id="expiryDate" data-ng-model="item.expiryDate">