Giới thiệu
Gem local_time giúp chúng ta hiển thị date time của người dùng với giờ local của họ rất dễ dàng. Nó hỗ trợ sẵn rails helper để render thành thẻ <time> trong UT, sau đó js của nó sẽ chuyển thẻ đó luôn từ UTC thành giờ local của browser.
Cài đặt
Thêm
gem "local_time"vào Gemfile.=>
bundle installThêm local-time.js trong application.js
1 2 | <span class="token comment">//= require local-time</span> |
Cách sử dụng và ví dụ
Gem này đã hỗ trợ sẳn helper dưới đây:
Time và date helpers
- Default
1 2 | <%= local_time(time) %> |
ví dụ
1 2 | <%= local_time(comment.created_at) %> |
- Format với strftime
Hiển thị datetime (default format)
1 2 | <%= local_time(time, '%B %e, %Y %l:%M%P') %> |
Hiển thị date (default format)
1 2 | <%= local_date(time, '%B %e, %Y') %> |
Dùng strftime format đã define trong App:
1 2 | <%= local_time(date, :long) %> |
Trong đó format này, nó sẽ scan trong App của mình theo thứ tự sau:
I18n.t("time.formats.#{format}"), I18n.t("date.formats.#{format}"), Time::DATE_FORMATS[format] và Date::DATE_FORMATS[format]
Những strftime format được hỗ trợ:
%a %A %b %B %c %d %e %H %I %l %m %M %p %P %S %w %y %Y %Z
Time ago helpers
Hiển thị lượng thời gian đã trôi qua so với thời gian hiện tại
1 2 | <%= local_time_ago(time) %> |
ví dụ với tiêng Anh:
- Recent: “a second ago”, “32 seconds ago”, “an hour ago”, “14 hours ago”
- Yesterday: “yesterday at 5:22pm”
- This week: “Tuesday at 12:48am”
- This year: “on Nov 17”
- Last year: “on Jan 31, 2012”
Configuration
Internationalization (I18n)
Default của nó sẽ là tiêng Anh, những bạn cũng có thể tạo thêm các ngôn ngữ khác nhau.
Bạn có thể tạo file locale mới như sau với những format như file default của nó en translations:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | LocalTime.config.i18n["es"] = { date: { dayNames: [ … ], monthNames: [ … ], … }, time: { … }, datetime: { … } } LocalTime.config.locale = "es" |
Bạn tìm hiểu chi tiết tại official document ở đây: