AngularUI - 视图和值中的UI Bootstrap Datepicker日期不同

时间:2016-05-16 11:02:28

标签: angularjs datepicker

我对Uib Datepicker有疑问。我必须动态更改日期格式。例如:



 <input type="text" 
                        class="form-control" 
                        ng-model="field.value" 
                        ng-value="field.value" 
                        name="{{field.name}}" 
                        uib-datepicker-popup="dateFormat"  // I could be yy-MM and other
                        is-open="openedStart" 
                        datepicker-options="dateOptions" 
                        show-button-bar="false"
                        show-weeks="false"
                        ng-click="openedStart = !openedStart"
                        />
&#13;
&#13;
&#13;

在日历视图中,它显示为正常,例如"16-05",因为它已插入"yy-MM",但后端将value: "2016-05-02T21:00:00.000Z"存储为ng-value $metadata['http://www.example.com'] = array( 'AssertionConsumerService' => 'http://www.example.com/acceptsaml.php', 'SingleLogoutService' => 'http://www.example.com/saml2-logout.php', );

如何修复它并向后端发送与视图中相同的值?

1 个答案:

答案 0 :(得分:0)

datepicker指令要求ng-model值为JavaScript日期对象(如Angular input-date指令)。如果您需要将日期作为“yy-MM”发送给服务,则可以使用Angular日期filter对其进行格式化。如果您将ng-model值显示到视图的另一部分,日期过滤器也将起作用。