یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها

استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
فراز بنی آدم
8 ماه پیش توسط فراز بنی آدم مطرح شد
5 پاسخ

datepicker فارسی و انگلیسی

سلام وقت بخیر
خیلیا از این پکیج تعریف کردن ولی متاسفانه من نتونستم استفاده کنم.
لینک پکیج
چون jquery را توسط npm نصب کردم و لینک نداره نمیتونم از روشی که خودش توضیح داده استفاده کنم

<head>
  <link rel="stylesheet" href="css/persian.datepicker.css"/>
  <script src="js/jquery.js"></script>
  <script src="js/persian.date.js"></script>
  <script src="js/persian.datepicker.js"></script>
</head>

چون ارور زیر رو دریافت میکنم

Uncaught ReferenceError: jQuery is not defined

پکیج را از طریق روشی که خودش گفته نصب میکنم

npm install persian-datepicker --save-dev

نصب انجام میشه و داخل فایل app.js این رو اضافه میکنم

import pDatepicker from 'persian-datepicker';

ولی وقتی دستور vite را میزنم چنین اروری نشون میده و نمیدونم مشکلش چیه

[vite] Internal server error: Failed to resolve entry for package "persian-datepicker". The package may have incorrect main/module/exports specified in its package.json.

حالا چند تا سوال پیش میاد:
۱- datepicker دیگه ای هست که همزمان بشه هم تاریخ شمسی و هم تاریخ میلادی رو استفاده کرد؟
۲- آیا میشه از روشی که گفته استفاده کرد و خطای jQuery is not defined را حل کرد؟
۳- اگر راهی میشناسید که ارور Failed to resolve entry for package را حل کنم لطفا راهنمایی کنید

این رو هم بگم که من از هیچ فریمورک فرانتی استفاده نمیکنم! درصورتی که پکیجی میخواید معرفی کنید لطفا برای react، vue یا... نباشه


ثبت پرسش جدید
افشار محمودیان
تخصص : برنامه نویس
@afsharmahmoodian 7 ماه پیش آپدیت شد
1

سلام دوست عزیز
پکیج را به صورت زیر نصب کن :

npm install persian-datepicker

ابتدا باید jQuery را به عنوان ماژول اضافه کنی.
این مشکلی که با jQuery داری به صورت زیر حل میشه :
ابتدا یک فایل JS به عنوان مثال با نام jquery-global.js ایجاد کن و jQuery را در آن به صورت زیر معرفی کن :

import jquery from 'jquery';
window.jQuery = jquery;
window.$ = jquery;

بعد همین فایل را import کن تا مشکل jquery حل شود. به صورت زیر :

import './jquery-global.js';

کتابخانه persian-datepicker که شما با آن کار میکنید از یک کتابخانه دیگر به نام persian-date استفاده میکند که در داکیومنت آن نیز توضیح داده شده است.
توجه : با نصب persian-datepicker از طریق npm این کتابخانه به صورت خودکار نصب میشود.
ما persianDate را از این کتابخانه نیاز داریم. پس به صورت زیر اضافه اش کن :

import persianDate from 'persian-date/dist/persian-date.min'
window.persianDate = persianDate;

بعد از آن به راحتی کتابخانه persian-datepicker به صورت زیر اضافه کن (نیازی به معرفی کلاس یا فانکشن نیست) :

import 'persian-datepicker/dist/js/persian-datepicker.min'

به صورت زیر هم میتونی در فایل JS طبق داکیومنت کتابخانه ازش استفاده کنی :

$("#input-id").pDatepicker();

امیدوارم مشکلت حل شده باشه 😊


فراز بنی آدم
@Pharax 7 ماه پیش مطرح شد
0

کسی در این مورد اطلاعی نداره؟


آرتین کریمی
تخصص : طراح وب و برنامه نویس
@error.404 7 ماه پیش مطرح شد
0

خود پکیج مشکل داره


فراز بنی آدم
@Pharax 7 ماه پیش مطرح شد
0

خیلی ممنون
حالا datepicker دیگه ای هست که همزمان بشه هم تاریخ شمسی و هم تاریخ میلادی رو استفاده کرد؟
نمیخوام تو یک صفحه دو مدل مختلف استفاده کنم


افشار محمودیان
تخصص : برنامه نویس
@afsharmahmoodian 7 ماه پیش آپدیت شد
1

سلام دوست عزیز
پکیج را به صورت زیر نصب کن :

npm install persian-datepicker

ابتدا باید jQuery را به عنوان ماژول اضافه کنی.
این مشکلی که با jQuery داری به صورت زیر حل میشه :
ابتدا یک فایل JS به عنوان مثال با نام jquery-global.js ایجاد کن و jQuery را در آن به صورت زیر معرفی کن :

import jquery from 'jquery';
window.jQuery = jquery;
window.$ = jquery;

بعد همین فایل را import کن تا مشکل jquery حل شود. به صورت زیر :

import './jquery-global.js';

کتابخانه persian-datepicker که شما با آن کار میکنید از یک کتابخانه دیگر به نام persian-date استفاده میکند که در داکیومنت آن نیز توضیح داده شده است.
توجه : با نصب persian-datepicker از طریق npm این کتابخانه به صورت خودکار نصب میشود.
ما persianDate را از این کتابخانه نیاز داریم. پس به صورت زیر اضافه اش کن :

import persianDate from 'persian-date/dist/persian-date.min'
window.persianDate = persianDate;

بعد از آن به راحتی کتابخانه persian-datepicker به صورت زیر اضافه کن (نیازی به معرفی کلاس یا فانکشن نیست) :

import 'persian-datepicker/dist/js/persian-datepicker.min'

به صورت زیر هم میتونی در فایل JS طبق داکیومنت کتابخانه ازش استفاده کنی :

$("#input-id").pDatepicker();

امیدوارم مشکلت حل شده باشه 😊


فراز بنی آدم
@Pharax 7 ماه پیش مطرح شد
0

@afsharmahmoodian
بله کامل درست شد!
خیلی ممنون


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام