محمد امین عالی
3 سال پیش توسط محمد امین عالی مطرح شد
13 پاسخ

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

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


ثبت پرسش جدید
علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش آپدیت شد
1

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


محمد امین عالی
تخصص : برنامه نویس لاراول
@mohammad12amin23 3 سال پیش مطرح شد
0

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


علیرضا کفایتی
تخصص : برنامه نویس laravel, vue.js
@alirezakefayati 3 سال پیش مطرح شد
0

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


امین محمدزاده
تخصص : برنامه نویسی وب - Laravel
@amin.webdesign 3 سال پیش مطرح شد
0

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


علی کارگری
تخصص : php backend developer
@alikaregari 3 سال پیش آپدیت شد
0

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


امین محمدزاده
تخصص : برنامه نویسی وب - Laravel
@amin.webdesign 3 سال پیش مطرح شد
1

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


علی کارگری
تخصص : php backend developer
@alikaregari 3 سال پیش مطرح شد
0

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


علی کارگری
تخصص : php backend developer
@alikaregari 3 سال پیش مطرح شد
1

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


محمد امین عالی
تخصص : برنامه نویس لاراول
@mohammad12amin23 3 سال پیش آپدیت شد
1

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


امین محمدزاده
تخصص : برنامه نویسی وب - Laravel
@amin.webdesign 3 سال پیش آپدیت شد
2

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


علی کارگری
تخصص : php backend developer
@alikaregari 3 سال پیش مطرح شد
0

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


علی کارگری
تخصص : php backend developer
@alikaregari 3 سال پیش مطرح شد
0

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


بورژاک یحیی
تخصص : developer
@burjak 7 ماه پیش مطرح شد
0
                    <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',
        });
})

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

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