如何使用ng-model格式化日期？

Question

我有一个输入定义为

<input class="datepicker" type="text" ng-model="clientForm.birthDate" />

将其显示在页面的其他位置：

<tr>

    <th>Birth Date</th>

    <td>{{client.birthDate|date:'mediumDate'}}</td>

</tr>

当页面加载时，出生日期的格式很好，类似于Dec 22, 2009。但是，当我查看自己<input>的内部时，它显示为Tue Dec 22 2009 00:00:00 GMT-0800 (Pacific Standard Time)我猜想的是JS如何将Date对象呈现为字符串。

首先，我如何告诉Angular将日期显示<input>为12/22/2009？我似乎无法|filters在ng-model属性内应用。

其次，一旦我编辑了日期，即使将其保留为原始格式，我的其他文本（位于中<td>）似乎也不再应用|date过滤器；它突然更改了格式以匹配输入文本框的格式。如何在|date每次模型更改时应用过滤器？