ในบางครั้งเราจำเป็นต้องตรวจสอบวันที่ด้วยเหตุผลเฉพาะใด ๆ สิ่งที่เกิดขึ้นคือบางครั้งมันอยู่ในรูปแบบที่เราต้องการและบางครั้งก็ไม่ได้ ดังนั้นในบทความนี้เราจะพูดถึง 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
ตัวอย่าง:
ในการแสดงวันที่ในรูปแบบเฉพาะเราใช้รหัสต่อไปนี้:
ตัวกรองวันที่เช่น
'https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js'>
{วันนี้}
var app = angular.module ('firstApp', [])
app.controller ('firstCntrl', ฟังก์ชัน ($ scope) {
$ scope.today = วันที่ใหม่ ()
})
เอาท์พุต:
10 ก.ย. 2019
เพื่อความเข้าใจที่ดีขึ้นลองดูตัวอย่างต่อไปนี้:
ตัวอย่าง:
AngularJs วันที่เช่น
src = 'http: //ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js'>
var app = angular.module ('firstApp', [])
app.controller ('firstctrl', ฟังก์ชัน ($ scope) {
$ scope.mydate = วันที่ใหม่ ()
})
ป้อนหมายเลข:
วันที่ที่มีนิพจน์สั้น: {date: 'short'}
วันที่มีนิพจน์ mediumDate: {mydate}
วันที่ด้วย yyyy-mm-dd hh: mm: ss expression: {mydate}
วันที่ด้วย yyyy-mm-dd hh: mm: ss expression: {mydate}
เอาท์พุต:
ด้วยเหตุนี้เราจึงมาถึงจุดสิ้นสุดของ Datefilter ในบทความ AngularJS ฉันหวังว่าคุณจะเข้าใจแง่มุมต่างๆของ Date FIlters
java ค้นหาจำนวนมากที่สุดในรายการ
คกำจัดไฟล์ โดย Edureka บริษัท การเรียนรู้ออนไลน์ที่เชื่อถือได้ซึ่งมีเครือข่ายผู้เรียนที่พึงพอใจมากกว่า 250,000 คนกระจายอยู่ทั่วโลก Angular เป็นเฟรมเวิร์ก JavaScript ที่ใช้เพื่อสร้างแอปพลิเคชันเว็บฝั่งไคลเอ็นต์ที่ปรับขนาดได้และมีประสิทธิภาพ ด้วยการนำ Angular framework มาใช้ในระดับสูงการจัดการประสิทธิภาพของแอปพลิเคชันจึงเป็นแรงผลักดันจากชุมชนในทางอ้อมเพื่อผลักดันโอกาสในการทำงานที่ดี การฝึกอบรม Angular Certification มีจุดมุ่งหมายเพื่อครอบคลุมแนวคิดใหม่ ๆ เกี่ยวกับการพัฒนาแอปพลิเคชันขององค์กร