سلام دوستان ،
من به دنبال یه date picker کاربر پسند میکردم که در لاروال باشه من هر datepicker که نگاه کردم خیلی کاربر پسند نیست و ux های سختی دارن و datepicker های خوبه و کاربر پسند هستند برای react و vue میباشند ولی من با livewire کار میکنم.
آیا datepicker در حد react , vue میشناسید که من در livewire استفاده کنم
سلام
اولا اینکه date picker ها اصلا ربطی به لاراول ندارند و سمت کاربر (فرانت اند) هستند . اما پکیج زیر به نظرم عالی هست :
https://github.com/majidh1/JalaliDatePicker
سلام @gomnam ممنونم که این پکیج بهم معرفی کردی،
بله میدونم date picker ها سمت فرانت هستند منظورم این بود که با vue , react این datepicker ها پیاده سازی نشده باشند و فقط jquery باشد.
پس ممنون میشم اگه مشکلی ندارید و سوالتون همین بود پاسخ برتر رو انختاب بفرمایید .
یک نکته ، اگر هم از بوت استرپ استفاده میکنید ، اون هم موارد خوبی داره (فارسی سازی شده)
سلام. این پکیج هم خوبه
https://github.com/Mds92/MD.BootstrapPersianDateTimePicker/tree/master-bs4
هم بوت استرپ 4 هست و هم خودم دارم توی لایو وایر استفاده میکنم
سلام آقا وقت بخیر،من وقتی توی لایووایر از این پکیج یا حتی پکیج های دیگه استفاده میکنم،مقداری که بعد از کلیک و ارسال فرم بهم برمیگردونه null هست،درحالی که اگر به صورت غیر لایووایر و عادی مثلا از طریق request اطلاعات فرمم رو ارسال کنم یا حتی دستی توی فیلد عددی رو تایپ کنم اطلاعات به درستی ارسال میشه،میخواستم بدونم شما راه حلی واسه این منظور دارید؟
میخواستم دلیلتون رو به خاطر رای منفی بدونم که به پاسخ من دادید. اگر نکته منفی و ایرادی داشته مطرح کنید تا استفاده کنیم از تجربیات شما چون صرفا با یک رای منفی نمیشه به ایراد پاسخ پی برد.
@alikaregari
همونطور که جناب محمدامین عالی فرمودن هم میتونید از alpine استفاده کنید که باید از روش entangle بهره ببرید یا اینکه بعضی از همین پکیج ها event listener های خاص خودشون رو دارن که وقتی یه تاریخی انتخاب میشه به تبع اون میتونید کدهای خاصی رو داخل فانکشن رو listener اجرا کنید که مثلا برای لایو وایر میتونید از متد های @set یا Livewire.emit استفاده کنید و مقادیری که datepicker میده رو به بک اند پاس بدید.
اگه از پکیجی که معرفی کردم استفاده میکنید من همینجا کدهاشو میدم بتونید بهره ببرید ازش.
بله ممنون میشم،دقیقا از پکیجی که فرمودید دارم استفاده میکنم برای انتخاب تاریخ و ساعت انتشار،و خب همین مشکل رو دارم،اگر بتونید کد هاش رو قرار بدید ممنون میشم
<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',
});
})
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟