اذهب إلى المحتوى

السؤال

نشر (معدل)

اخواني لدي مشروع وثبت فيه مكتبة momentjs

وادرجتها عن طريق الكود بهذه الطريقة

import moment from "moment";
import "moment/locale/ar";
moment.locale("ar");

عندي عمل فتح الصفحة تظهر خيارات اللغة ( اقصد مثال: منذ ساعة ) باللغة العربية ثم تتحول بعد اكتمال تحميل الصفحة للغة الانجليزية !!!

ما الحل لجعلها تظهر بالعربية ؟

انا استخدم مشروع nuxt3

تم التعديل في بواسطة Mustafa Suleiman
تعديل عنوان السؤال

Recommended Posts

  • 1
نشر

حاول إستيراد ملف اللغة من المجلد dist بالشكل التالي:

import moment from "moment"
import "moment/dist/locale/ar"
moment.locale("ar");

بإمكانك أيضاً استعمال وحدة Day.js Nuxt Module و في التوثيق طريقة التثبيت و إعدادها لتعمل مع nuxt، إضافة اللغات و تعيين اللغة الإفتراضية.

  • 1
نشر

المشكلة تكمن في أنك تقوم بتعيين لغة momentjs في الكود الخاص بك، ولكن Nuxt.js يعيد تعيين اللغة إلى اللغة الافتراضية، وهي الإنجليزية، عند تحميل الصفحة.

عليك باستخدام مكون nuxt-community/moment-module الذي يوفر تكاملًا أكثر كفاءة مع Nuxt.js، ولإضافة  المكون إلى مشروعك، قم بتنفيذ الأمر التالي في سطر الأوامر:

npm i nuxt-community/moment-module

ثم أضف المكون إلى قسم modules في ملف nuxt.config.js الخاص بك:

module.exports = {
  modules: [
    // ...
    'nuxt-community/moment-module',
  ],
};

بعد ذلك، تستطيع استخدام الطريقة moment.locale() لتحديد اللغة التي تريدها.

وهناك طريقة أخرى عن طريق فتح ملف nuxt.config.js وابحث عن قسم i18n ثم أضف الإعداد التالي إلى القسم:

i18n: {
  defaultLocale: 'ar',
},

وسيؤدي ذلك  إلى جعل اللغة الافتراضية لـ Nuxt.js هي العربية.

ويمكنك أيضًا استخدام الطريقة التالية لإعادة تعيين لغة momentjs بعد تحميل الصفحة:

افتح ملف main.js وابحث عن الدالة bootstrap() ثم أضف الكود التالي إليها:

import moment from "moment";
import "moment/locale/ar";

async function bootstrap() {
  await app.ready();

  moment.locale("ar");
}

مما سيؤدي إلى إعادة تعيين لغة momentjs إلى العربية بعد تحميل الصفحة.

  • 0
نشر
بتاريخ On 14‏/9‏/2023 at 06:43 قال سمير عبود:

حاول إستيراد ملف اللغة من المجلد dist بالشكل التالي:

import moment from "moment"
import "moment/dist/locale/ar"
moment.locale("ar");

بإمكانك أيضاً استعمال وحدة Day.js Nuxt Module و في التوثيق طريقة التثبيت و إعدادها لتعمل مع nuxt، إضافة اللغات و تعيين اللغة الإفتراضية.

اخي استعملت مكتبة dayjs وظهر التوقيت بالعربية، ولكن لدي سؤال اخر وهو

استعملت هذا الكود dayjs(mailDate).format("D-M-YYYY mm:hh a")

ولكن يظهر مكان a am  وليس كلمة او حرف ص

كيف اعدل هذا الشيء ؟

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...