Moment: рдлрд╝реЙрд░реНрдореЗрдЯрд┐рдВрдЧ рдореЗрдВ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреЗ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 16 рдЕрдкреНрд░реИрд▓ 2018  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: moment/moment

рдЕрдЧрд░ рдореИрдВ рдкрд▓ (myDatetime) рдХрд╣рддрд╛ рд╣реВрдВред рдкреНрд░рд╛рд░реВрдк ('рдХреБрдЫ \ n рдХреБрдЫ рдФрд░'), рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдХреА рд╡реНрдпрд╛рдЦреНрдпрд╛ рд▓рд╛рдЗрди рдмреНрд░реЗрдХ рдХреЗ рд░реВрдк рдореЗрдВ рдирд╣реАрдВ рдХреА рдЬрд╛рддреА рд╣реИред рдХреЛрдИ рдлрд░реНрдХ рдирд╣реАрдВ рдкрдбрд╝рддрд╛ рдЕрдЧрд░ рдореИрдВ рд╡рд░реНрдЧ рдХреЛрд╖реНрдардХ рдХреЗ рд╕рд╛рде \n рдШреЗрд░рддрд╛ рд╣реВрдВ, рддреЛ рд╡рд░реНрдЧ рдХреЛрд╖реНрдардХ рдХреЗ рджреЛрдиреЛрдВ рдУрд░ рдПрдХ рд╕реНрдерд╛рди рдЬреЛрдбрд╝реЗрдВ, рдЕрдЧрд░ рдореИрдВ рдХрд╣реВрдВ
\ n, рдЖрджрд┐ рдХреЗ рдмрдЬрд╛рдпред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдпрд╣ рдПрдХ HTML/CSS рд╕рдорд╕реНрдпрд╛ рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИ, рдФрд░ рдкрд▓ рд╕реЗ рдХреЛрдИ рд▓реЗрдирд╛-рджреЗрдирд╛ рдирд╣реАрдВ рд╣реИред

рдкрд▓ [] рдореЗрдВ рд▓рд┐рдкрдЯреЗ рд╣реЛрдиреЗ рдкрд░ рд╕реНрд╡рд░реВрдкрдг рд╕реНрдЯреНрд░рд┐рдВрдЧ рдореЗрдВ рдирдИ рд▓рд╛рдЗрди рдХрд╛ рд╕рдореНрдорд╛рди рдХрд░ рд░рд╣рд╛ рд╣реИ:

var formatted = moment().format('DD[\n]MM[\n]YYYY');
formatted.match(/\n/g).length; // 2 new-lines in output
formatted.split('\n'); // breaks into 3 lines / 3 array items
formatted.charCodeAt(2); // 10 - yep, it's a newline

рд╕рднреА 3 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдЖрдк рдЖрдЙрдЯрдкреБрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд╣рд╛рдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рдпрджрд┐ рдпрд╣ HTML рдореЗрдВ рд╣реИ, рддреЛ рдХреНрдпрд╛ рдЖрдкрдиреЗ рдпрд╣ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП CSS white-space рд╕рдВрдкрддреНрддрд┐ рд╕реЗрдЯ рдХреА рд╣реИ рдХрд┐ рд▓рд╛рдЗрди-рдмреНрд░реЗрдХ рд╕рдореНрдорд╛рдирд┐рдд рд╣реИ?

рдореИрдВ рд╡рд╣ рдХрд░ рд░рд╣рд╛ рдерд╛ред рдореИрдВрдиреЗ рдпрд╣ рдХрд░рдирд╛ рд╕рдорд╛рдкреНрдд рдХрд░ рджрд┐рдпрд╛ (рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ):

{moment(lastSaved).format('M/D/YY')} <br /> {moment(lastSaved).format('h:mm:ss a')}

рдпрд╣ рдПрдХ HTML/CSS рд╕рдорд╕реНрдпрд╛ рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИ, рдФрд░ рдкрд▓ рд╕реЗ рдХреЛрдИ рд▓реЗрдирд╛-рджреЗрдирд╛ рдирд╣реАрдВ рд╣реИред

рдкрд▓ [] рдореЗрдВ рд▓рд┐рдкрдЯреЗ рд╣реЛрдиреЗ рдкрд░ рд╕реНрд╡рд░реВрдкрдг рд╕реНрдЯреНрд░рд┐рдВрдЧ рдореЗрдВ рдирдИ рд▓рд╛рдЗрди рдХрд╛ рд╕рдореНрдорд╛рди рдХрд░ рд░рд╣рд╛ рд╣реИ:

var formatted = moment().format('DD[\n]MM[\n]YYYY');
formatted.match(/\n/g).length; // 2 new-lines in output
formatted.split('\n'); // breaks into 3 lines / 3 array items
formatted.charCodeAt(2); // 10 - yep, it's a newline
рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕