Šiame rašte bus paaiškinti datos ir laiko rodymo būdai 12 valandų ryto/pm formatu JavaScript.
Kaip „JavaScript“ rodyti datą ir laiką 12 valandų AM / PM formatu?
Šie metodai gali būti taikomi norint rodyti datos laiką 12 valandų am/pm formatu JavaScript:
- “ toLocaleString() “ metodas.
- “ toLocaleTimeString() “ metodas.
- “ Inline ' Funkcija.
1 metodas: datos ir laiko rodymas 12 val. AM/PM formatu JavaScript naudojant metodą toLocaleString()
„ toLocaleString() “ metodas grąžina datos objektą eilutės pavidalu. Šis metodas gali būti taikomas norint grąžinti dabartinį laiką JAV kalbos formatu.
Sintaksė
Data . toLocaleString ( vietinis , galimybės )
Pateiktoje sintaksėje
- “ vietinis “ reiškia konkrečios kalbos formatą.
- “ galimybės “ nurodo objektą, kuriam gali būti priskirtos savybės.
Pavyzdys
Pirmiausia sukurkite naują datos objektą naudodami „ nauja data () “ konstruktorius:
Dabar pritaikykite „ toLocaleString() 'metodas, turintis ' JAV ” kalbos formatą ir kaip jo parametrus priskirtas laiko reikšmes. Čia, ' valanda 12 “ reiškia, kad valanda bus rodoma 12 valandų formatu. Dabartinis laikas bus rodomas JAV laiko formatu:
konsolė. žurnalas ( laikas. toLocaleString ( 'mumyse' , { valandą : 'skaitinis' , minutė : 'skaitinis' , valanda 12 : tiesa } ) ) ;
Išvestis
2 metodas: datos ir laiko rodymas 12 valandų AM/PM formatu JavaScript naudojant metodą toLocaleTimeString()
„ toLocaleTimeString() “ metodas grąžina datos objekto laiko intervalą kaip eilutę. Šis metodas gali būti taikomas panašiai kaip metodas toLocaleString() grąžinant numatytąjį laiką pagal nurodytą datą.
Pavyzdys
Šiame pavyzdyje panašiai sukurkite naują datos objektą naudodami „ nauja data () “ konstruktorių ir kaip parametrą nurodykite kitą datą sekoje „ metų “, „ mėnuo “ ir „ dieną “ atitinkamai.
Po to pritaikykite „ toLocaleTimeString() “ metodas, kurio parametras yra nurodytas laiko formatas, kaip aptarta ankstesniame metode:
konst dataLaikas = naujas Data ( 2022 m , 1 , 1 ) . toLocaleTimeString ( 'mumyse' , {valandą : 'skaitinis' , minutė : 'skaitinis' , valanda 12 : tiesa
} )
Galiausiai parodykite atitinkamą laiką, numatytą pagal nurodytą datą:
konsolė. žurnalas ( dataLaikas ) ;Išvestis
3 metodas: datos ir laiko rodymas 12 valandų AM/PM formatu JavaScript naudojant įterptąją funkciją
Šis metodas gali būti įgyvendintas norint taikyti sąlyginį operatorių am/pm formatui.
Žemiau pateiktas pavyzdys iliustruoja pateiktą koncepciją.
Pavyzdys
konst dataLaikas = ( data ) => {leisti valandas = data. getHours ( ) ;
leiskite minutes = data. getMinutes ( ) ;
tegul ap = valandų >= 12 ? 'pm' : 'esu' ;
valandų = valandų % 12 ;
valandų = valandų ? valandų : 12 ;
minučių = minučių. toString ( ) . pathStart ( du , '0' ) ;
leisk eitiLaikas = valandų + ':' + minučių + '' + ap ;
grąžinti mergeTime ;
}
konsolė. žurnalas ( dataLaikas ( naujas Data ( 2022 m , 1 , 1 ) ) ) ;
Aukščiau pateiktame kode:
- Pirmiausia apibrėžkite „ eilutę “ funkcija pavadinta “ dataLaikas () “. Ši funkcija kaip savo parametrą pasirinks datos objektą.
- „ getHours () “ metodas, kitame žingsnyje funkcijoje pateiks esamą valandą 24 valandų formatu.
- Panašiai „ getMinutes () “ metodas nuskaitys dabartines minutes.
- Po to sukurkite kintamąjį pavadinimu ' ap “ ir pakoreguokite jį į ryto arba vakaro, atsižvelgdami į valandų vertę.
- Kitame veiksme pakeiskite valandas į formatą „ 12 valandų “, naudojant “ % “ operatorių, kad gautumėte likutį padalijus iš 12.
- Kitame kode taikykite „ toString() “ metodą, norėdami konvertuoti apskaičiuotas minutes į eilutę, ir naudokite „ pathStart() “ metodas konvertuotą eilutę papildyti 0, jei ją sudaro tik vienas skaitmuo.
- Galiausiai sujunkite apskaičiuotą laiką, atitinkamai pridėdami apskaičiuotas valandas, minutes ir formatą (am/pm) ir parodykite jį:
Išvestis
Mes nustatėme metodus, kurie gali būti naudojami datos laikui rodyti 12 valandų am/pm formatu JavaScript.
Išvada
„ toLocaleString() “ metodas, „ toLocaleTimeString() “ metodas arba „ Inline “ funkcija gali būti įdiegta, kad būtų rodomas datos laikas 12 valandų am/pm formatu JavaScript. Pirmąjį metodą galima pasirinkti rodyti dabartinį laiką konkrečiu laiko formatu, metodas toLocaleTimeString() gali būti taikomas norint grąžinti numatytąjį laiką, atsižvelgiant į nurodytą datą konkrečiu laiko formatu, ir gali būti įdiegta funkcija Inline sąlyginis operatorius į am/pm formatą. Šiame įraše buvo sudaryti metodai, kaip JavaScript rodyti datos laiką 12 valandų ryto / vakaro formatu.