อัปเดต Date Picker ให้รองรับภาษาไทย

- เพิ่มการนำเข้า locale ภาษาไทยใน date-time-picker.js - ปรับตั้งค่า locale ใน ThaiDatePicker.php ให้เป็นภาษาไทย - เปิดการแสดงผล locale ใน date-time-picker.blade.php
phattarachai · Aug 2, 2024 · 8181dc2 · 8181dc2
1 parent cbf4f0d
commit 8181dc2
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/resources/dist/components/date-time-picker.js b/resources/dist/components/date-time-picker.js
diff --git a/resources/js/components/date-time-picker.js b/resources/js/components/date-time-picker.js
@@ -55,7 +55,7 @@ export default function dateTimePickerFormComponent({
         months: [],
 
         init: function () {
-            dayjs.locale(locales[locale] ?? locales['en'])
+            //dayjs.locale(locales[locale] ?? locales['en'])
 
             this.focusedDate = dayjs().tz(timezone)
 
@@ -522,4 +522,5 @@ export default function dateTimePickerFormComponent({
 
 const locales = {
     en: require('dayjs/locale/en'),
+    th: require('dayjs/locale/th'),
 }
diff --git a/resources/views/date-time-picker.blade.php b/resources/views/date-time-picker.blade.php
@@ -77,7 +77,7 @@
                                 '{{ convert_date_format($getDisplayFormat())->to('day.js') }}',
                             firstDayOfWeek: {{ $getFirstDayOfWeek() }},
                             isAutofocused: @js($isAutofocused()),
-{{--                            locale: @js($getLocale()),--}}
+                            locale: @js($getLocale()),
                             shouldCloseOnDateSelection: @js($shouldCloseOnDateSelection()),
                             state: $wire.{{ $applyStateBindingModifiers("\$entangle('{$statePath}')") }},
                         })"

diff --git a/src/ThaiDatePicker.php b/src/ThaiDatePicker.php
@@ -15,6 +15,7 @@ protected function setUp(): void
         parent::setUp();
 
         $this->native(false)
+            ->locale('th')
             ->time(false);
     }