我有一个输入定义为
<input class="datepicker" type="text" ng-model="clientForm.birthDate" />
Run Code Online (Sandbox Code Playgroud)
哪个被装配在页面的其他地方显示:
<tr>
<th>Birth Date</th>
<td>{{client.birthDate|date:'mediumDate'}}</td>
</tr>
Run Code Online (Sandbox Code Playgroud)
当页面加载时,出生日期很好地格式化为类似的东西Dec 22, 2009.然而,当我看到我<input>的内部时,它显示为Tue Dec 22 2009 00:00:00 GMT-0800 (Pacific Standard Time)我猜是JS如何将Date对象呈现为字符串.
首先,我怎么告诉角度展现在日期<input>,就像这样12/22/2009?我似乎无法|filters在ng-model属性中应用.
其次,只要我编辑日期,即使保持原始格式,我的其他文本(内部<td>)似乎|date不再应用过滤器; 它突然改变格式以匹配输入文本框的格式.|date每次模型更改时,如何应用过滤器?
相关问题:
我正在尝试使用ui-bootstrap datepicker绑定到unix时间戳数据.
为此,我想使用这个指令将unix时间戳转换为ng-model的javascript日期.
<div ng-model="date" date-format>
<datepicker min="minDate" show-weeks="false"></datepicker>
</div>
Run Code Online (Sandbox Code Playgroud)
和指令
.directive('dateFormat', function() {
return {
require: 'ngModel',
link: function(scope, element, attr, ngModelCtrl) {
ngModelCtrl.$formatters.unshift(function(timestamp) {
if (timestamp) return new Date( timestamp * 1000 );
else return "";
});
ngModelCtrl.$parsers.push(function(date) {
if (date instanceof Date) return Math.floor( date.getTime() / 1000 );
else return "";
});
}
};
})
Run Code Online (Sandbox Code Playgroud)
可以选择日期.unix时间戳是正确的但是,日历切换到1970 ...
是否有解决方案使这项工作和使用ui bootstrap的datepicker与unix时间戳数据?
在角度JS中是否有一种方法可以从表单获取的日期中获取时间戳?
<label for="start">From:</label>
<input type="date" ng-model="startDate" />
Run Code Online (Sandbox Code Playgroud)
我将在指令中编写什么来转换这些数据?我没有发现任何关于这个特殊问题的问题,问候