Angularjs 从一个日期选择器字段复制到另一个字段时未格式化日期

Angularjs 从一个日期选择器字段复制到另一个字段时未格式化日期,angularjs,angular-ui-bootstrap,bootstrap-datepicker,angularjs-bootstrap,Angularjs,Angular Ui Bootstrap,Bootstrap Datepicker,Angularjs Bootstrap,我最近从Angular 1.2.5迁移到最新版本1.3-rc.3,从ui引导0.7.0迁移到ui引导0.11.2,以及代码中断中的一些功能 我在一个页面上有两个日期选择器,它们最初都没有价值。 当用户通过日期选择器或手动输入第一个日期选择器的值时,我希望第二个日期选择器填充相同的日期 在我迁移之前,这一切都很顺利,但现在第二个日期还没有格式化 我正在使用的代码 <div class="input-group"> <input c

我最近从Angular 1.2.5迁移到最新版本1.3-rc.3,从ui引导0.7.0迁移到ui引导0.11.2,以及代码中断中的一些功能

我在一个页面上有两个日期选择器,它们最初都没有价值。 当用户通过日期选择器或手动输入第一个日期选择器的值时,我希望第二个日期选择器填充相同的日期

在我迁移之前,这一切都很顺利,但现在第二个日期还没有格式化

我正在使用的代码

    <div class="input-group">
        <input 
            class="form-control" 
            type="text" 
            name="datumVanaf" 
            ng-model="filter.datumVanaf" 
            placeholder="Datum vanaf (dd-mm-jjjj)" 
            datepicker-popup="dd-MM-yyyy" 
            required 
            datepicker-options="{{calendarOpties}}" is-open="kalender.datumVanafOpened"
            clear-text="wis" 
            current-text="Vandaag" 
            close-text="Sluiten" 
            lower-than="{{filter.datumTM}}"
            ng-class="{'error': filterForm.$submitted && filterForm.datumVanaf.$error.required || filterForm.datumVanaf.$error.lowerThan}" 
        />
        <span class="input-group-btn">
            <button type="button" class="btn btn-default" ng-click="openDatumVanaf($event)"><i class="glyphicon glyphicon-calendar"></i></button>
        </span>
    </div>
    <div class="input-group">
        <input 
            class="form-control" 
            type="text" 
            name="datumTM" 
            ng-model="filter.datumTM" 
            placeholder="Datum t/m (dd-mm-jjjj)" 
            datepicker-popup="dd-MM-yyyy" 
            required 
            datepicker-options="{{calendarOpties}}" 
            is-open="kalender.datumTMOpened"
            clear-text="wis" 
            current-text="Vandaag" 
            close-text="Sluiten"
            ng-class="{'error': filterForm.$submitted && filterForm.datumTM.$error.required || filterForm.datumVanaf.$error.lowerThan}" 
        />
        <span class="input-group-btn">
            <button type="button" class="btn btn-default" ng-click="openDatumTM($event)"><i class="glyphicon glyphicon-calendar"></i></button>
        </span>
    </div>  
日期开始显示在第一个输入字段中,如下所示:

28-09-2014

但是,当在第二个字段中复制时,不会对其进行格式化:

2014年9月28日星期日00:00:00格林尼治标准时间+0200西欧罗巴佐默蒂德


我不知道为什么这不再有效,我在stackoverflow上很难找到类似的案例。我希望我遗漏了一些明显的东西,但我不知所措。

尝试在过滤器中使用$filter.datumVanaf的匿名函数,然后再将其设置到视图中。因此,代码可能与此类似:

    $scope.filter.datumTM = $filter('date')(newValue,'dd-MM-yyyy');
还没有测试过,但是你知道了

参考:


编辑您的问题,使其更清楚,希望您不介意;谢谢Asyene,我花了一段时间才能测试这个,因为其他事情得到优先考虑。但是现在我已经试过了,它就像一个符咒。Aaarghh,现在看起来$scope.filter.datumTM字段的值实际上不再是一个日期,而是一个字符串。当我将其发送到后端时,这会导致功能中断。我希望它能重复使用从日期选择器中选择日期时的格式设置。
    $scope.filter.datumTM = $filter('date')(newValue,'dd-MM-yyyy');