angular 字符串转换成数字_Angular日期在TypeScript中格式化转换应用

组件模板中我们常常使用Angular内置管道DatePipe将其日期格式化，如同{{ startTime | date:'yyyy-MM-dd' }}这般操作，即可转换为字符串格式。那么在TS文件中我们也可以通过DatePipe或formatDate方法将其格式化。

Angular日期在TypeScript中格式化转换应用www.deathghost.cn

在前端项目开发过程中往往会遇将日期格式化，转换为友好显示格式，如同将"Sat Jun 01 2019 23:21:55 GMT 0800"格式化为"yyyy-MM-dd"(年-月-日)；Angular项目中我们常常使用其内置管道将其格式转换e.g. {{ startTime | date:"yyyy-MM-dd" }}，以达到所要显示的格式;下面我们看看在TypeScript(.ts)中的方法应用。

Angular6.x之前一直使用DatePipe转换日期格式，在angular6.x 之后API中又发现formatDate方法，具体就不晓得了，我一直使用DatePipe。

DatePipe在.TS的应用

import { DatePipe } from '@angular/common';export class DemoComponent implements OnInit {
constructor(private datePipe: DatePipe) {}formatDateFun(date) {return this.datePipe.transform(date, 'yyyy-MM-dd');}
}

别忘记在当前模块中将其providers: [DatePipe]添加。

formatDate在.TS的应用

import { Component, OnInit, Inject, LOCALE_ID } from '@angular/core';
import { formatDate } from '@angular/common';export class DemoComponent implements OnInit {constructor(@Inject(LOCALE_ID) private locale: string) {}formatDateFun(date) {return formatDate(date, 'yyyy-MM-dd', this.locale);}
}

如上设置记得在项目根模块配置

import { NgModule, LOCALE_ID } from '@angular/core';
providers：[{provide: LOCALE_ID, useValue: 'zh-Hans' }]

又或者不设置，则在formatDate中直接使用'zh-Hans'（简体中文）即可，如：

formatDate(new Date(), 'yyyy-MM-dd', 'zh-Hans')

其语法结构如：

formatDate(value: string | number | Date, format: string, locale: string, timezone?)

value: 要格式化的日期，是一个日期、数字（从 UTC 时代以来的毫秒数）或 ISO 字符串;

format: 日期时间格式，使用预定义选项或自定义格式字符串（如：2019年07月25日...）;

locale: 区域代码;

timezone: (选填) 时区;

就到这里，上次在项目框架升级到Angular8.x版本时原 DatePipe 方法格式化地方报错，索性将其全更换为 formatDate 方法。

angular 字符串转换成数字_Angular日期在TypeScript中格式化转换应用相关推荐

python 科学计数法转换成数字_JS如何将科学计数法转换成数字或者字符串？
今天遇到这个问题.... function sumStrings(a, b) {//输入的a,b都是只包含数字的字符串 var output; output = a * 1 + b * 1;//转换为 ...
mysql ipv6转整型_php实现ipv6地址转换成数字INT类型存储数据库中
Loading... IPV4的地址,我们可以通过ip2long将IP地址转换为INT类型,通过long2ip函数将INT转换为IP地址 $ip = $_SERVER['REMOTE_ADDR']; ...
js 字符串转化成数字
js 字符串转化成数字的三种方法主要有转换函数.强制类型转换.利用js变量弱类型转换. 1. 转换函数: js提供了parseInt()和parseFloat()两个转换函数.前者把值转换 ...
如何将字符转换成数字
在我们计算高精度加减乘除时,因为无法用long long读入一个很大很大的数,所以我们先用读入字符串的方式读入,然后再将字符串的每一位转换成数字. 下面是最常见的转换代码: char sa[100]; ...
python字符串转换成数字_python 字符与数字如何转换
展开全部一.python中字符串转换成数字 1.类中进行导入:import string ,str='555',num=string.atoi(str),num即为str转换成的数字转换为浮点数:s ...
js 字符串转换成数字的三种方法
在js读取文本框或者其它表单数据的时候获得的值是字符串类型的,例如两个文本框a和b,如果获得a的value值为11,b的value值为9 ,那么a.value要小于b.value,因为他们都是字符串形 ...
java面试题，将String字符串转换成数字
2019独角兽企业重金招聘Python工程师标准>>> 题目要求:将String字符串转换成数字,不能用java自带的方法转换字符串,要求自己写一个atoi(String s),如果 ...
python 如何将字符串数字列表转换成数字列表，如何将数字列表转换成字符串数字列表？map(eval,list(str))
字符串数字列表转换成数字列表 # -*- encoding: utf-8 -*- """ @File : test.py @Time : 2019/10/28 23:37 ...
php反转数字_PHP将字符串转换成数字
下面给大家介绍PHP将字符串转换成数字的四种方法. 方法1: 使用number_format()函数.number_format()函数用于将字符串转换为数字.它会在成功时返回格式化的数字,否则会在失 ...

angular 字符串转换成数字_Angular日期在TypeScript中格式化转换应用

angular 字符串转换成数字_Angular日期在TypeScript中格式化转换应用相关推荐

最新文章

热门文章