تاریخ شمسی در ری اکت جی اس

آموزش استفاده از تاریخ شمسی در ری اکت جی اس

در ابتدا باید پکیج زیر را در پروژه نصب نمایید

npm install jalali-moment

سپس باید این پکیج را در پروژه مورد نظر ایمپورت کنید تا بتونید از اون استفاده کنید

import moment from 'jalali-moment'

حال به نمونه کد زیر توجه کنید

import moment from 'jalali-moment'

...

render() {

return (

<div>

{

this.props.data.map((post,key) =>

<div key={key} className='post-detail'>

<h1>{post.title}</h1>

<p>{moment(post.date, 'YYYY/MM/DD').locale('fa').format('YYYY/MM/DD')}</p>

<hr />

</div>

)}

</div>

);

}

همونطور که مشخص است با نام کلیدی moment که در بالا ایمپورت کردیم استفاده کردیم که در پارامتر اول تاریخ ورودی که میلادی است را وارد میکنیم که نوع فرمت تاریخ رو هم به تابع میدیم و در قسمت locale باید مشخص کنیم به چه فرمتی تبدیل شود که fa را بمنظور تاریخ شمسی وارد میکنیم و در ادامه فرمت خروجی را بهش معرفی میکنیم.

برای آموزش های برنامه نویسی بصورت رایگان پیج مارو در اینستاگرام دنبال نمایید

@mr.engineer404