راکت
حل شده

معرفی datepicker برای لاروال

13 پاسخ

سلام دوستان ،
من به دنبال یه date picker کاربر پسند میکردم که در لاروال باشه من هر datepicker که نگاه کردم خیلی کاربر پسند نیست و ux های سختی دارن و datepicker های خوبه و کاربر پسند هستند برای react و vue میباشند ولی من با livewire کار میکنم.
آیا datepicker در حد react , vue میشناسید که من در livewire استفاده کنم

ثبت پرسش جدید

پاسخ‌ها

13
علیرضا کفایتی
علیرضا کفایتی
@alirezakefayati

تخصص: برنامه نویس laravel, vue.js

بهترین پاسخ

سلام
اولا اینکه date picker ها اصلا ربطی به لاراول ندارند و سمت کاربر (فرانت اند) هستند . اما پکیج زیر به نظرم عالی هست :
https://github.com/majidh1/JalaliDatePicker

محمد امین عالی
محمد امین عالی
@mohammad12amin23

تخصص: برنامه نویس لاراول

سلام @gomnam ممنونم که این پکیج بهم معرفی کردی،
بله میدونم date picker ها سمت فرانت هستند منظورم این بود که با vue , react این datepicker ها پیاده سازی نشده باشند و فقط jquery باشد.

علیرضا کفایتی
علیرضا کفایتی
@alirezakefayati

تخصص: برنامه نویس laravel, vue.js

پس ممنون میشم اگه مشکلی ندارید و سوالتون همین بود پاسخ برتر رو انختاب بفرمایید .
یک نکته ، اگر هم از بوت استرپ استفاده میکنید ، اون هم موارد خوبی داره (فارسی سازی شده)

شاید پاسخ شما همین‌جا باشد

امین محمدزاده
امین محمدزاده
@amin.webdesign

تخصص: برنامه نویسی وب - Laravel

سلام. این پکیج هم خوبه
https://github.com/Mds92/MD.BootstrapPersianDateTimePicker/tree/master-bs4
هم بوت استرپ 4 هست و هم خودم دارم توی لایو وایر استفاده میکنم

علی کارگری
علی کارگری
@alikaregari

تخصص: php backend developer

سلام آقا وقت بخیر،من وقتی توی لایووایر از این پکیج یا حتی پکیج های دیگه استفاده میکنم،مقداری که بعد از کلیک و ارسال فرم بهم برمیگردونه null هست،درحالی که اگر به صورت غیر لایووایر و عادی مثلا از طریق request اطلاعات فرمم رو ارسال کنم یا حتی دستی توی فیلد عددی رو تایپ کنم اطلاعات به درستی ارسال میشه،میخواستم بدونم شما راه حلی واسه این منظور دارید؟

امین محمدزاده
امین محمدزاده
@amin.webdesign

تخصص: برنامه نویسی وب - Laravel

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

علی کارگری
علی کارگری
@alikaregari

تخصص: php backend developer

اشتباه شد نمیدونستم رای منفیه شرمنده😅

علی کارگری
علی کارگری
@alikaregari

تخصص: php backend developer

در رابطه با مشکلی که مطرح کردم خوشحال میشم اگر راه حلی دارید ارائه بدید

محمد امین عالی
محمد امین عالی
@mohammad12amin23

تخصص: برنامه نویس لاراول

باید از alpine استفاده کنید
@alikaregari

امین محمدزاده
امین محمدزاده
@amin.webdesign

تخصص: برنامه نویسی وب - Laravel

@alikaregari
همونطور که جناب محمدامین عالی فرمودن هم میتونید از alpine استفاده کنید که باید از روش entangle بهره ببرید یا اینکه بعضی از همین پکیج ها event listener های خاص خودشون رو دارن که وقتی یه تاریخی انتخاب میشه به تبع اون میتونید کدهای خاصی رو داخل فانکشن رو listener اجرا کنید که مثلا برای لایو وایر میتونید از متد های @set یا Livewire.emit استفاده کنید و مقادیری که datepicker میده رو به بک اند پاس بدید.
اگه از پکیجی که معرفی کردم استفاده میکنید من همینجا کدهاشو میدم بتونید بهره ببرید ازش.

علی کارگری
علی کارگری
@alikaregari

تخصص: php backend developer

بله ممنون میشم،دقیقا از پکیجی که فرمودید دارم استفاده میکنم برای انتخاب تاریخ و ساعت انتشار،و خب همین مشکل رو دارم،اگر بتونید کد هاش رو قرار بدید ممنون میشم

علی کارگری
علی کارگری
@alikaregari

تخصص: php backend developer

سلام آقای محمد زاده ممنون میشم بابت پکیجی که معرفی کردید اگر ممکنه کدش رو قرار بدید

بورژاک یحیی
بورژاک یحیی
@burjak

تخصص: developer

                    <div class="form-group col-md-3">
                        <label> تاریخ انقضا  </label>
                        <div class="input-group" >

                                <span class="input-group-text cursor-pointer" id="expireDate" wire:ignore>
                                    <i class="bx bx-time"></i>
                                </span>

                            <input type="text" placeholder="تاریخ را درج کنید" class="form-control" id="expireInput" value="{{$expired_at}}"
                                wire:change="$set('expired_at' , $event.target.value)">
                        </div>
                        @error('expired_at') <div class="mt-1"><span class="text-danger">{{ $message }}</span></div> @enderror

                    </div>

script code

            document.addEventListener('livewire:load', () => {

        const dpInstance =new mds.MdsPersianDateTimePicker(document.getElementById('expireDate'), {
        targetTextSelector:'#expireInput',
                englishNumber: true,
                enableTimePicker: true,
                textFormat: 'yyyy-MM-dd HH:mm:ss',
        });
})

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

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