日期未使用angularjs更新

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了日期未使用angularjs更新相关的知识,希望对你有一定的参考价值。

我有一个由ng-repeat填充的输入类型日期,我希望能够更改日期值,但它没有更新:

视图:

// displaying the date value
<tr ng-repeat="sf in selectedFacture">
    <td><input type="date" class="dateCom" ng-model= "sf.dateCom | date" value="{{sf.dateCom}}"/></td>
    <td><input type="date" class="dateRec" ng-model= "sf.dateRec | date" value="{{sf.dateRec}}"/></td>
    <td ng-click="updateFacture(sf,id)"> update </td>
</tr>
JS:
//sending the date to server side and update the database
$scope.updateFacture=function(sf,id){
          // getting the changed date
                         var editDateCom = sf.dateCom,
                             editDateRec = sf.dateRec;

            var data = {
                "id":id,
                "editDateCom":editDateCom,
                "editDateRec":editDateRec
            };
            var options = {
            type : "get",
            url : url,
            data: data,
            dataType: 'json',
            async : false,
            cache : false,
            success : function(response,status) {
                 $scope.getClients();

            },
            error:function(request,response,error){
            alert("Erro")
            }
        };
        $.ajax(options);
    }

);

其他数据在同一功能中成功更新,但问题在于日期,根本不起作用,控制台记录了以下内容:

错误:ngModel:datefmt Model不是日期对象

提前致谢

答案

您在ng-model指令中使用过滤器,这是错误的

ng-model= "sf.dateCom | date"

正确使用ng-model= "sf.dateCom"

使用{{}}内的过滤器

以上是关于日期未使用angularjs更新的主要内容,如果未能解决你的问题,请参考以下文章

GMSMarker 信息窗口内容(片段)未更新

下拉列表不会根据范围值angularjs进行更新

Angularjs模板默认值,如果绑定空/未定义(使用过滤器)

AngularJS ——ngResourceRESTful APIs 使用

从 AngularJS url 中删除片段标识符(# 符号)

ngmodel 更改时未触发角度日期过滤器