Šis raksts izskaidro metodes datuma un laika rādīšanai formātā 12 stunda rītā/pusdienā JavaScript.
Kā JavaScript programmā parādīt datumu un laiku 12 stundu AM/PM formātā?
Lai parādītu datumu un laiku formātā 12 stundu rītā/pusdienā JavaScript programmā, var izmantot šādas pieejas:
- ' toLocaleString() ” Metode.
- ' toLocaleTimeString() ” Metode.
- ' Rindā ” Funkcija.
1. pieeja: attēlojiet datumu un laiku formātā 12 stundas AM/PM JavaScript, izmantojot metodi toLocaleString()
' toLocaleString() ” metode atgriež datuma objektu virknes formā. Šo metodi var izmantot, lai atgrieztu pašreizējo laiku ASV valodas formātā.
Sintakse
Datums . toLocaleString ( vietējā , iespējas )
Dotajā sintaksē,
- ' vietējā ” attiecas uz konkrēto valodas formātu.
- ' iespējas ” norāda objektu, kuram var piešķirt rekvizītus.
Piemērs
Vispirms izveidojiet jaunu datuma objektu, izmantojot ' jauns datums () ” konstruktors:
Tagad izmantojiet “ toLocaleString() 'metode ar ' ASV ” valodas formātu un kā tā parametrus piešķirtās laika vērtības. Šeit, ' stunda 12 ” norāda, ka stunda tiks parādīta 12 stundu formātā. Tādējādi pašreizējais laiks tiks parādīts ASV laika formātā:
konsole. žurnāls ( laiks. toLocaleString ( 'ASV' , { stunda : 'ciparu' , minūte : 'ciparu' , stunda 12 : taisnība } ) ) ;
Izvade
2. pieeja: attēlojiet datumu un laiku formātā 12 stundas AM/PM JavaScript, izmantojot metodi toLocaleTimeString()
' toLocaleTimeString() ” metode atgriež datuma objekta laika posmu kā virkni. Šo metodi var lietot līdzīgi kā toLocaleString() metodi, atgriežot noklusējuma laiku pret norādīto datumu.
Piemērs
Nākamajā piemērā līdzīgi izveidojiet jaunu datuma objektu, izmantojot ' jauns datums () ' konstruktoru un norādiet šādu datumu kā tā parametru secībā ' gadā ”, “ mēnesis ' un ' diena ” attiecīgi.
Pēc tam izmantojiet ' toLocaleTimeString() ” metode ar norādīto laika formātu kā tās parametru, kā aprakstīts iepriekšējā metodē:
konst datums Laiks = jauns Datums ( 2022. gads , 1 , 1 ) . toLocaleTimeString ( 'ASV' , {stunda : 'ciparu' , minūte : 'ciparu' , stunda 12 : taisnība
} )
Visbeidzot, parādiet atbilstošo laiku, kā rezultātā tiek iegūts noklusējuma laiks attiecībā uz norādīto datumu:
konsole. žurnāls ( datums Laiks ) ;Izvade
3. pieeja: datuma un laika rādīšana formātā 12 stunda AM/PM JavaScript, izmantojot iekļauto funkciju
Šo pieeju var ieviest, lai formātam am/pm lietotu nosacījuma operatoru.
Tālāk sniegtais piemērs ilustrē minēto koncepciju.
Piemērs
konst datums Laiks = ( datums ) => {ļaujiet stundām = datums. getHours ( ) ;
ļaujiet minūtēm = datums. getMinutes ( ) ;
ļaujiet ap = stundas >= 12 ? 'pm' : 'es' ;
stundas = stundas % 12 ;
stundas = stundas ? stundas : 12 ;
minūtes = minūtes. toString ( ) . pathStart ( divi , '0' ) ;
atlaidiet laiku = stundas + ':' + minūtes + '' + ap ;
atgriezties sapludināšanas laiks ;
}
konsole. žurnāls ( datums Laiks ( jauns Datums ( 2022. gads , 1 , 1 ) ) ) ;
Iepriekš parādītajā kodā:
- Pirmkārt, definējiet ' rindā ' funkcija ar nosaukumu ' datums Laiks() ”. Šī funkcija kā parametru izmantos datuma objektu.
- ' getHours() ” metode, nākamajā darbībā funkcijā atgriezīs pašreizējo stundu 24 stundu formātā.
- Līdzīgi ' getMinutes () ” metode izgūs pašreizējās minūtes.
- Pēc tam izveidojiet mainīgo ar nosaukumu ' ap ” un noregulējiet to uz am vai pm attiecībā uz stundu vērtību.
- Nākamajā darbībā pārveidojiet stundas formātā “ 12 stundas ' ar '' palīdzību % ” operatoru, lai iegūtu atlikumu, dalot ar 12.
- Nākamajā kodā izmantojiet ' toString() ” metodi, lai pārvērstu aprēķinātās minūtes virknē, un izmantojiet pathStart() ” metodi, lai konvertēto virkni aizpildītu ar 0, ja tajā ir tikai viens cipars.
- Visbeidzot, apvienojiet aprēķināto laiku, pievienojot attiecīgi aprēķinātās stundas, minūtes un formātu (am/pm), un parādiet to:
Izvade
Mēs esam noslēguši pieejas, kuras var izmantot datuma un laika attēlošanai 12 stundu no rīta formātā JavaScript.
Secinājums
' toLocaleString() ' metode, ' toLocaleTimeString() ' metode vai ' Rindā ” funkciju var ieviest, lai JavaScript formātā parādītu datumu un laiku 12 stundu am/pm formātā. Pirmo metodi var izvēlēties parādīt pašreizējo laiku noteiktā laika formātā, metodi toLocaleTimeString() var izmantot, lai atgrieztu noklusējuma laiku attiecībā uz norādīto datumu konkrētajā laika formātā, un var ieviest funkciju Inline, lai lietotu. nosacījuma operators formātam am/pm. Šajā pārskatā tika apkopotas pieejas datuma un laika rādīšanai formātā 12 stundu rītā/pusdienā JavaScript.