วิธีการติดตั้ง DateFilter ใน AngularJS พร้อมตัวอย่าง



บทความนี้จะให้รายละเอียดความรู้ที่ครอบคลุมเกี่ยวกับวิธีต่างๆในการนำ DateFilter ไปใช้ใน AngularJS

ในบางครั้งเราจำเป็นต้องตรวจสอบวันที่ด้วยเหตุผลเฉพาะใด ๆ สิ่งที่เกิดขึ้นคือบางครั้งมันอยู่ในรูปแบบที่เราต้องการและบางครั้งก็ไม่ได้ ดังนั้นในบทความนี้เราจะพูดถึง DateFilter ใน ตามลำดับต่อไปนี้:

DateFilter ใน AngularJS คืออะไร?

เราสามารถใช้ตัวกรองวันที่ AngularJS เพื่อแปลงวันที่เป็นรูปแบบที่กำหนด รูปแบบวันที่เริ่มต้นเมื่อไม่มีข้อกำหนดคือ 'MMM d, yyyy'





ไวยากรณ์:

{วันที่}



ต้องสังเกตว่าเขตเวลาและพารามิเตอร์รูปแบบเป็นทางเลือก

ค่านิยมทั่วไปที่ใช้ในรูปแบบ

  • ‘ปปปปป’ - กำหนดปีเช่น พ.ศ. 2561



  • 'YY' - กำหนดปีเช่น 18

  • 'Y' - กำหนดปีเช่น พ.ศ. 2561

  • 'MMM' - กำหนดเดือนเช่น มีนาคม

  • 'MMM' - กำหนดเดือนเช่น มี.ค.

  • 'MM' - กำหนดเดือนเช่น 03

  • 'Dd' - กำหนดวันเช่น 08

  • ‘d’ - กำหนดวันเช่น 8

  • ‘ฮะ’ - กำหนดชั่วโมงเป็น AM / PM

  • ‘h’ - กำหนดชั่วโมงเป็น AM / PM

  • ‘มม’ - กำหนดนาที

  • ‘ม’ - กำหนดนาที

  • 'ss' - กำหนดที่สอง

  • ‘s’ - กำหนดที่สอง

ประเภทของกรอบในซีลีเนียม

ค่าที่กำหนดไว้ล่วงหน้าที่ใช้ในรูปแบบ

  • 'สั้น' - เทียบเท่ากับ“ M / d / yy h: mm a”

  • “ ปานกลาง” - เทียบเท่ากับ“ MMM d, y h: mm: ss a”

  • 'ShortDate' - เทียบเท่ากับ“ M / d / yy” (6/8/18)

  • “ mediumDate” - เทียบเท่ากับ“ MMM d, y” (7 เมษายน 2018)

  • 'LongDate' - เทียบเท่ากับ“ MMMM d, y” (7 เมษายน 2019)

  • “ fullDate” - เทียบเท่ากับ“ EEEE, MMMM d, y” (วันเสาร์ที่ 7 เมษายน 2018)

  • 'ระยะเวลาอันสั้น' - เทียบเท่ากับ“ h: mm a” (04:20 น.)

  • “ mediumTime” - เทียบเท่ากับ“ h: mm: ss a” (04:20:05 น.)

ตัวอย่าง:

ตัวกรองวันที่

{วันนี้}

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

app.controller ('firstCntrl', ฟังก์ชัน ($ scope) {

$ scope.today = วันที่ใหม่ ()

})

เอาท์พุต:

10.09.2019

ตัวอย่าง:

ในการแสดงเวลาในรูปแบบเฉพาะเราใช้รหัสต่อไปนี้:

ตัวกรองวันที่เช่น

{วันที่: 'mediumTime'}

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

app.controller ('firstCntrl', ฟังก์ชัน ($ scope) {

$ scope.today = วันที่ใหม่ ()

})

เอาท์พุต:

11:08:11 น

การตั้งค่า hadoop บน Ubuntu

ตัวอย่าง:

ในการแสดงวันที่ในรูปแบบเฉพาะเราใช้รหัสต่อไปนี้:

ตัวกรองวันที่เช่น

สงวนลิขสิทธิ์ | ichlese.at | นโยบายความเป็นส่วนตัว