1. 程式人生 > >angular4在typeScript中怎麼呼叫過濾器處理時間格式

angular4在typeScript中怎麼呼叫過濾器處理時間格式

需求中要對時間格式化的處理,處理成類似20180323的型別,在過濾器中有定義和引入了時間格式轉化的方法:

import {Pipe, PipeTransform} from '@angular/core';

@Pipe({ name: 'datex'})

export class DatexPipe implements PipeTransform { 

  transform(value: any, format: string = ""): string

  // Try and parse the passed value.

moment.locale('zh-cn');let momentDate = moment(value);

// If moment didn't understand the value, return it unformatted.

if (!momentDate.isValid()) return value;

// Otherwise, return the date formatted as requested.

return momentDate.format(format);}}

其中datex是提供的過濾器

怎麼在typeScript中使用呢:引入DatexPipe的類,new出它的物件,然後呼叫它的transform方法

import {DatexPipe} from '../../global/pipe'
let datexPipe = new DatexPipe();let date = datexPipe.transform(this.match.matchTime, 'YYYYMMDD');

得到的date就是20180323的格式。

在html上怎麼使用過濾器呢?

<div class="time">
    <img src="assets/images/[email protected]">
{{match.matchTime | datex: 'YYYY-MM-DD HH:mm'}}
</div>
<div class="duration">
<img src="assets/images/[email protected]"> {{match.matchDuration|possessionTimeFilter}} </div>
呼叫datex並補上時間格式,得到的就是2018-03-23 11:30的格式了。

相關推薦

angular4在typeScript怎麼呼叫過濾器處理時間格式

需求中要對時間格式化的處理,處理成類似20180323的型別,在過濾器中有定義和引入了時間格式轉化的方法:import {Pipe, PipeTransform} from '@angular/core';@Pipe({ name: 'datex'})export clas

關於easyuidategrid的date時間格式轉換問題

使用easyui的時候,難免會遇到後臺傳來date資料,但dategrid中顯示一長串數字的問題,我也是在網上查詢了很長的時間才解決的問題 解決方案: 先在你所定義的列上新增格式轉換的方法,formatter {"title":"bir","field":"bir",width:20

javaFilter過濾器處理中文亂碼的方法

注意問題:在學習用selvert的過濾器filter處理中文亂碼時,在filter配置初始化時用了utf-8處理中文亂碼,而在提交的jsp頁面中卻用了gbk。雖然兩種都可以出來中文亂碼,但是卻造成了處理亂碼的格式不一致。所以編譯出錯。 解決方法:所有地方都用ut

python處理時間格式轉換,將xxxx年xx月xx日轉化為xxxx-xx-xx格式

publish_Time = "2018年10月10日" array = time.strptime(publish_Time, u"%Y年%m月%d日") try: publishTime = time.strftime("%Y-%m-%d", array) except Ex

Fragment呼叫onActivityForResult處理

The activity hosting this fragment has its onActivityResult called when the camera activity returns My fragment starts an activity

Excel表格處理時間格式

File sourceFile = new File(sourceUrl); Sheet sourceSheet = WorkbookFactory.create(sourceFile).getSheetAt(0); Row row= sourceSheet.getRow

PLSQL設定顯示中文時間格式

        使PLSQL查詢Oracle庫中的記錄時,記錄中時間欄位顯示為英文格式的,為方便閱讀且解決我原始資料是中文往有英文時間欄位表裡頭拷記錄時報錯問題,需要設定一下系統的 顯示格式。  1、

自定義BeanUtils處理時間格式轉換

BeanUtils.populate( Object bean , Map properties );可以使Map轉對應的物件,但是如果是bean有個日期欄位而Map中這個日期欄位傳過來是字串,資料型別無法轉換,會導致報錯,所以BeanUtils需要一個日期轉換

js 自定義轉換時間格式

js  中,如果將時間格式轉換為 “2017-08-09 12:00:00”格式,就需要自己寫轉換的時間格式函式,將其新增到 Date中。 Date.prototype.Format = funct

Django的日期處理註意事項和自定義時間格式轉換

python django datetime 我們在用Django創建models時,常常會涉及時間日期字段的處理,Django裏日期相關Field有DateTimeField、DateField和TimeField三種類型,看似簡單,但其中有一些容易出錯的地方需要註意;另外,如果不習慣Djang

js 處理Json 時間帶T 時間格式

oca 轉換 上下 格式 logs http asc cond ear 對於後臺傳過來的json數據是帶T時間格式的坑處理的一些做法總結 new Date(data[j].addtime).toISOString().replace(/T/g, ‘ ‘).replace(/

postgresql數據庫判斷是否是數字和日期時間格式函數

logs lang 是否 var 數據 ret lan 函數 true /* 在編寫GreenPlum函數的過程中,遇到要判斷字符串是否是數字和日期格式的情況,基於GreenPlum和postgresql的親緣關系,找到了下面兩個函數。 */ --1.判斷字符串是否是數

Android時間格式的校驗

imp pri .text protected oncreate @override ast activity ext public class MainActivity extends Activity implements OnClickListener{ priva

Pythontime模塊和datetime模塊的常用操作以及幾種常用時間格式間的轉換

pyrhon time datatime 幾種常用時間格式的轉換 最常見以及常用的幾種時間格式 1、時間戳(timestamp),時間戳表示的是從1970年1月1日00:00:00開始按秒計算的偏移量。 2、時間元組(struct_time),共有九個元素組。 3、格式化時間(fo

個人常用 JavaScript 時間戳、時間格式處理function

string class ring asc strong str pre 個人 locale 輸出時間 2017/8/9 var myDate = new Date(); myDate.toLocaleDateString();可以獲取當前日期 2017

解決程序開發時間格式不對造成的問題

form 找到 打開 format intern 窗口 con current 日期 只要修改一下註冊表相關鍵值即可:打開註冊表編輯器,然後展開以下分支,[HKEY_CURRENT_USER\ControlPanel\International ],在右側窗口中找到“sTi

python3關於時間格式的操作

lee strftime 結構化 參數 時間戳 使用 輸出時間 格式化輸出 ubuntu 在寫python時,很多時候需要用的時間函數,如:記錄當前時間,以時間命名文件,或是比較時間的先後等,這裏記錄一下關於常用時間模塊的方法。 環境:ubuntu16.04python3.

excel時間格式修改

right image bubuko 類型 font 自己 技術分享 想要 如果 excel中的時間格式默認為yyy/m/d h:mm,如何轉換成自己想要的格式呢? 選中需要修改的時間 點擊格式-設置單元格式 如果沒有你想要的格式則選擇自定義 在類型中修改你想要的格

java.util.logging.Logger 使用關於時間格式的問題

tomcat java java.util.logging.Logger類可以打印相關日誌信息並將日誌信息寫入日誌文件 tomcat7默認的日誌格式輸出方法是 java.util.logging.SimpleFormatter.format 如: Apr 11, 201

js處理數據庫時間格式/Date(1332919782070)/

nth AR mon turn orm pre chang date() var js處理數據庫時間格式 數據庫返回時間格式:/Date(1332919782070)/ 方法: function ChangeDateFormat(val) { if (v