எடுத்துக்காட்டுகளுடன் AngularJS இல் DateFilter ஐ எவ்வாறு செயல்படுத்துவது



இந்த கட்டுரை AngularJS இல் DateFilter ஐ செயல்படுத்த பல்வேறு வழிகளைப் பற்றிய விரிவான அறிவை உங்களுக்கு வழங்கும்.

சில குறிப்பிட்ட காரணங்களுக்காக நாம் தேதியை சரிபார்க்க வேண்டும். என்ன நடக்கிறது என்றால், சில நேரங்களில் அது நாம் விரும்பிய வடிவத்தில் இருக்கும், சில சமயங்களில் அது இல்லை. எனவே இந்த கட்டுரையில் நாம் தேதி ஃபில்டரைப் பற்றி விவாதிப்போம் பின்வரும் வரிசையில்:

AngularJS இல் DateFilter என்றால் என்ன?

ஒரு தேதியை ஒரு குறிப்பிட்ட வடிவமாக மாற்ற நாம் AngularJS தேதி வடிப்பானைப் பயன்படுத்தலாம். விவரக்குறிப்பு இல்லாதபோது இயல்புநிலை தேதி வடிவம் ‘MMM d, yyyy’.





தொடரியல்:

{தேதி}



நேர மண்டலம் மற்றும் வடிவமைப்பு அளவுருக்கள் விருப்பமானது என்பதை கவனத்தில் கொள்ள வேண்டும்.

வடிவமைப்பில் பயன்படுத்தப்படும் பொது மதிப்புகள்

  • ‘YYYY’ - ஆண்டு முன்னாள் வரையறுக்க. 2018



  • 'ஒய்' - ஆண்டு முன்னாள் வரையறுக்க. 18

  • 'ஒய்' - ஆண்டு முன்னாள் வரையறுக்க. 2018

  • 'எம்.எம்.எம்' - மாதத்தை வரையறுக்கவும். மார்ச்

  • ‘எம்.எம்.எம்’ - மாதத்தை வரையறுக்கவும். மார்

  • ‘எம்.எம்’ - மாதத்தை வரையறுக்கவும். 03

  • 'DD' - நாள் முன்னாள் வரையறுக்க. 08

  • ‘டி’ - நாள் முன்னாள் வரையறுக்க. 8

  • ‘ஹ்’ - AM / PM இல் மணிநேரத்தை வரையறுக்கவும்

  • ‘ம’ - AM / PM இல் மணிநேரத்தை வரையறுக்கவும்

  • ‘மி.மீ’ - நிமிடத்தை வரையறுக்கவும்

  • ‘மீ’ - நிமிடத்தை வரையறுக்கவும்

  • ‘எஸ்.எஸ்’ - இரண்டாவது வரையறுக்க

  • ‘கள்’ - இரண்டாவது வரையறுக்க

வடிவமைப்பில் பயன்படுத்தப்படும் முன் மதிப்புகள்

  • “குறுகிய” - “M / d / yy h: mm a” க்கு சமம்

  • “நடுத்தர” - “MMM d, y h: mm: ss a” க்கு சமம்

  • 'குறுகிய தேதி' - “M / d / yy” (6/8/18) க்கு சமம்

  • “மீடியம் தேதி” - “MMM d, y” க்கு சமம் (ஏப்ரல் 7, 2018)

  • 'லாங் டேட்' - “MMMM d, y” க்கு சமம் (ஏப்ரல் 7, 2019)

  • “முழு தேதி” - “EEEE, MMMM d, y” க்கு சமம் (ஏப்ரல் 7, 2018 சனிக்கிழமை)

    லினக்ஸிற்கான சிறந்த ஜாவா ஐடியா
  • 'குறுகிய நேரம்' - “h: mm a” க்கு சமம் (4:20 AM)

  • “மீடியம் டைம்” - “h: mm: ss a” க்கு சமம் (4:20:05 AM)

உதாரணமாக:

தேதி வடிகட்டி

{இன்று}

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

app.controller ('firstCntrl', செயல்பாடு (ope நோக்கம்) {

$ scope.today = புதிய தேதி ()

})

வெளியீடு:

10.09.2019

உதாரணமாக:

நேரத்தை ஒரு குறிப்பிட்ட வடிவத்தில் காட்ட, பின்வரும் குறியீட்டைப் பயன்படுத்துகிறோம்:

தேதி வடிகட்டி முன்னாள்

{தேதி: 'மீடியம் டைம்'}

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

app.controller ('firstCntrl', செயல்பாடு (ope நோக்கம்) {

$ scope.today = புதிய தேதி ()

})

வெளியீடு:

11:08:11 முற்பகல்

ஜாவா எடுத்துக்காட்டில் உதாரணமாக மாறி

உதாரணமாக:

தேதியை ஒரு குறிப்பிட்ட வடிவத்தில் காட்ட, பின்வரும் குறியீட்டைப் பயன்படுத்துகிறோம்:

தேதி வடிகட்டி முன்னாள்

அனைத்து உரிமைகளும் பாதுகாக்கப்பட்டவை | ichlese.at | தனியுரிமை கொள்கை