logo

Cách triển khai DateFilter trong AngularJS với các ví dụ

Chủ YếU Phát Triển Web Front End Cách triển khai DateFilter trong AngularJS với các ví dụ



Bài viết này sẽ cung cấp cho bạn một kiến ​​thức chi tiết toàn diện về các cách khác nhau để triển khai DateFilter trong AngularJS.

Đôi khi chúng tôi cần kiểm tra ngày vì bất kỳ lý do cụ thể nào. Điều gì xảy ra là đôi khi nó ở định dạng mong muốn của chúng tôi và đôi khi không. Vì vậy, trong bài viết tis, chúng ta sẽ thảo luận về DateFilter trong Theo thứ tự sau:

DateFilter trong AngularJS là gì?

Chúng ta có thể sử dụng bộ lọc ngày AngularJS để chuyển đổi một ngày thành một định dạng cụ thể. Định dạng ngày mặc định khi không có thông số kỹ thuật là ‘MMM d, yyyy’.





Cú pháp:

{ ngày }



Cần lưu ý rằng múi giờ và các tham số định dạng là tùy chọn.

CÁC GIÁ TRỊ THÔNG THƯỜNG ĐƯỢC SỬ DỤNG TRONG ĐỊNH DẠNG

  • ‘YYYY’ - xác định năm cũ. 2018



  • 'YY' - xác định năm cũ. 18

  • 'Y' - xác định năm cũ. 2018

  • 'MMM' - xác định tháng cũ. tháng Ba

  • ‘MMM’ - xác định tháng cũ. Mar

  • ‘MM’ - xác định tháng cũ. 03

  • ‘Dd’ - xác định ngày cũ. 08

  • ‘D’ - xác định ngày cũ. số 8

  • ‘Hh’ - xác định giờ theo AM / PM

  • ‘H’ - xác định giờ theo AM / PM

  • ‘Mm’ - xác định phút

  • ‘M’ - xác định phút

  • ‘Ss’ - xác định thứ hai

  • 'S' - xác định thứ hai

mệnh đề liên hiệp được sử dụng để

CÁC GIÁ TRỊ DỰ ĐỊNH ĐƯỢC SỬ DỤNG TRONG ĐỊNH DẠNG

  • 'ngắn' - tương đương với “M / d / yy h: mm a”

  • 'Trung bình' - tương đương với “MMM d, y h: mm: ss a”

  • 'Ngày ngắn hạn' - tương đương với “M / d / yy” (6/8/18)

  • 'MediumDate' - tương đương với “MMM d, y” (ngày 7 tháng 4 năm 2018)

  • 'LongDate' - tương đương với “MMMM d, y” (ngày 7 tháng 4 năm 2019)

  • 'FullDate' - tương đương với “EEEE, MMMM d, y” (Thứ Bảy, ngày 7 tháng 4 năm 2018)

  • 'thời gian ngắn' - tương đương với “h: mm a” (4:20 sáng)

  • 'MediumTime' - tương đương với “h: mm: ss a” (4:20:05 AM)

THÍ DỤ:

Bộ lọc ngày

{hôm nay}

var app = angle.module ('firstApp', [])

app.controller ('firstCntrl', function ($ scope) {

$ scope.today = new Ngày ()

})

Đầu ra:

10.09.2019

THÍ DỤ:

Để hiển thị thời gian ở một định dạng cụ thể, chúng tôi sử dụng mã sau:

Bộ lọc ngày Ex

{date: 'mediumTime'}

var app = angle.module ('firstApp', [])

app.controller ('firstCntrl', function ($ scope) {

$ scope.today = new Ngày ()

})

Đầu ra:

11:08:11 sáng

ví dụ về khung công tác testng selenium webdriver

THÍ DỤ:

Để hiển thị ngày ở định dạng cụ thể, chúng tôi sử dụng mã sau:

Bộ lọc ngày Ex

Đã Đăng Ký BảN QuyềN | ichlese.at | Chính Sách BảO MậT