如何在AngularJS的视图中格式化数据?

沙吞

<input type="text" ng-model="user.User.DateOfBirth">在我看来。user.User.DateOfBirth当前为YYYYMMDD格式,但我希望它mm/dd/yyyy在视图中显示为格式。是否可以仅将其转换为显示?

考官

为了以正确的格式输出数据,请尝试使用过滤器(在您的情况下为日期过滤器:http : //docs.angularjs.org/api/ng.filter :date

好吧,对于输入,这是另一种情况。我想您总是可以将输入绑定到另一个属性,观察并自己解析,然后将其分配给您的真实模型...

一些更多的见解,您可以尝试这样的事情:

HTML:

<input type="text" ng-model="myDateInput">

在您的JS控制器中,使用以下命令:

$scope.$watch('myDateInput', function (newValue) {
    $scope.user.User.DateOfBirth = $filter('date')(newValue, 'yyyy-MM-dd'); // Or whatever format your real model should use
});

$scope.$watch('user.User.DateOfBirth', function (newValue) {
    $scope.myDateInput = $filter('date')(newValue, 'yyyy-MM-dd'); // Or whatever format your input should use
});

最好通过某种模式匹配(并因此进行验证)或某种特殊的日期输入/小部件来强制用户使用某种输入格式。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Django视图中格式化当前时间?

来自分类Dev

我该如何在angularjs中格式化json?

来自分类Dev

如何在AngularJS中格式化日期?

来自分类Dev

将数据发布到REST端点时如何在AngularJS中格式化日期

来自分类Dev

如何在rmarkdown中格式化数据帧

来自分类Dev

如何在ASP.NET中格式化数据

来自分类Dev

如何在PrettyTable中格式化数据?

来自分类Dev

在表格视图中格式化数字

来自分类Dev

如何在PowerBI中的群集柱形图中格式化小数?

来自分类Dev

如何在数据表的数据列中格式化datetimeshortstring格式

来自分类Dev

如何在AngularJS中选择的选项中格式化文本?

来自分类Dev

如何在AngularJS中选择的选项中格式化文本?

来自分类Dev

如何在javascript中格式化数据库日期时间?

来自分类Dev

如何在Python中的单个HTTP POST请求中格式化多个数据?

来自分类Dev

在保存到Mongoose(ExpressJS)中之前如何在Model中格式化数据

来自分类Dev

如何在python中的类别中格式化我的数据

来自分类Dev

如何在AngularJS中格式化作用域?

来自分类Dev

如何在不使用 \n 或 html 格式的情况下在 android 中格式化如下所示的单个文本视图?

来自分类Dev

如何在Django模板中格式化XMLtext

来自分类Dev

如何在Jmeter中格式化JSON响应?

来自分类Dev

如何在C中格式化小数?

来自分类Dev

如何在Grape中的参数中格式化DateTime

来自分类Dev

如何在Java中格式化日期范围?

来自分类Dev

如何在SQL SERVER中格式化日期时间

来自分类常见问题

如何在Vue组件中格式化货币?

来自分类Dev

如何在Aspose中格式化单元格

来自分类Dev

你如何在python中格式化日期时间

来自分类Dev

如何在Html.TextBoxFor中格式化DateTimeOffset?

来自分类Dev

如何在Qt小部件中格式化文本

Related 相关文章

  1. 1

    如何在Django视图中格式化当前时间?

  2. 2

    我该如何在angularjs中格式化json?

  3. 3

    如何在AngularJS中格式化日期?

  4. 4

    将数据发布到REST端点时如何在AngularJS中格式化日期

  5. 5

    如何在rmarkdown中格式化数据帧

  6. 6

    如何在ASP.NET中格式化数据

  7. 7

    如何在PrettyTable中格式化数据?

  8. 8

    在表格视图中格式化数字

  9. 9

    如何在PowerBI中的群集柱形图中格式化小数?

  10. 10

    如何在数据表的数据列中格式化datetimeshortstring格式

  11. 11

    如何在AngularJS中选择的选项中格式化文本?

  12. 12

    如何在AngularJS中选择的选项中格式化文本?

  13. 13

    如何在javascript中格式化数据库日期时间?

  14. 14

    如何在Python中的单个HTTP POST请求中格式化多个数据?

  15. 15

    在保存到Mongoose(ExpressJS)中之前如何在Model中格式化数据

  16. 16

    如何在python中的类别中格式化我的数据

  17. 17

    如何在AngularJS中格式化作用域?

  18. 18

    如何在不使用 \n 或 html 格式的情况下在 android 中格式化如下所示的单个文本视图?

  19. 19

    如何在Django模板中格式化XMLtext

  20. 20

    如何在Jmeter中格式化JSON响应?

  21. 21

    如何在C中格式化小数?

  22. 22

    如何在Grape中的参数中格式化DateTime

  23. 23

    如何在Java中格式化日期范围?

  24. 24

    如何在SQL SERVER中格式化日期时间

  25. 25

    如何在Vue组件中格式化货币?

  26. 26

    如何在Aspose中格式化单元格

  27. 27

    你如何在python中格式化日期时间

  28. 28

    如何在Html.TextBoxFor中格式化DateTimeOffset?

  29. 29

    如何在Qt小部件中格式化文本

热门标签

归档