相关疑难解决方法(0)

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

我有一个输入定义为

<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?我似乎无法|filtersng-model属性中应用.

其次,只要我编辑日期,即使保持原始格式,我的其他文本(内部<td>)似乎|date不再应用过滤器; 它突然改变格式以匹配输入文本框的格式.|date每次模型更改时,如何应用过滤器?


相关问题:

angularjs

92
推荐指数
6
解决办法
21万
查看次数

带有unix时间戳的ui bootstrap datepicker

我正在尝试使用ui-bootstrap datepicker绑定到unix时间戳数据.

为此,我想使用这个指令将unix时间戳转换为ng-model的javascript日期.

这是代码(plunker)

<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时间戳数据?

angularjs angular-ui-bootstrap

5
推荐指数
1
解决办法
5466
查看次数

AngularJs从人类可读日期获取时间戳

在角度JS中是否有一种方法可以从表单获取的日期中获取时间戳?

<label for="start">From:</label>
<input type="date" ng-model="startDate" />
Run Code Online (Sandbox Code Playgroud)

我将在指令中编写什么来转换这些数据?我没有发现任何关于这个特殊问题的问题,问候

angularjs angularjs-directive

4
推荐指数
2
解决办法
3万
查看次数