Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

daterange picker da belirli tarihleri seçilemez hale getirmek istiyorum

emreerkonak

Veri tabanımdan rezerve edilmiş tarihleri alıyorum bu tarihlerin seçilemez halde olmasını istiyorum

mgsmus

emreerkonak Biraz ayrıntı veremez misiniz? Mesela hangi picker'ı kullanıyorsunuz, veri tabanından tarihleri nasıl çekiyorsunuz, picker'ı nerede nasıl gösteriyorsunuz, Blade mi kullanıyorsunuz yoksa Vue, React vs mi?...

emreerkonak

public function rezerve($id)
{
$ilan = Ilan::find($id);
if (!$ilan) {
abort(404);
}

    $rezerve = Rezerve::where('ilan_id', $id)
        ->orderBy('id', 'desc')
        ->pluck('RANDEVU_BAS_TARIH', 'RANDEVU_BIT_TARIH')
        ->toArray();

    return view('rezerve', compact('ilan', 'rezerve'));
} değerler buradan geliyor

var KTBootstrapDaterangepicker = function () {

            var demos = function () {

                $('#tarih').daterangepicker({
                    buttonClasses: ' btn',
                    applyClass: 'btn-primary',
                    cancelClass: 'btn-secondary'
                }, function (start, end, label) {
                    $('#tarih .form-control').val(start.format('DD.MM.YYYY') + ' / ' + end.format('DD.MM.YYYY'));
                });

                $('#tarih_modal').daterangepicker({
                    buttonClasses: ' btn',
                    applyClass: 'btn-primary',
                    cancelClass: 'btn-secondary'
                }, function (start, end, label) {
                    $('#tarih .form-control').val(start.format('DD.MM.YYYY') + ' / ' + end.format('DD.MM.YYYY'));
                });

            }

            return {
                init: function () {
                    demos();
                }
            };

        }();

        jQuery(document).ready(function () {
            KTBootstrapDaterangepicker.init();
        });

picker bu şekilde

mgsmus

emreerkonak Şu sanırım: https://www.daterangepicker.com/

Dokümanda yazdığına göre isInvalidDate şeklinde bir yöntem var. Bu yöntem her bir gün render edilirken çağrılıyor. Eğer yöntem true dönerse o tarihi iptal ediyor. Bu durumda:

...
cancelClass: 'btn-secondary',
isInvalidDate: function(date) {
    // 2024-01-11 tarihini seçilemez yap...
    if (date.format('YYYY-M-D') == '2024-01-11') {
        return true; 
    }
}

emreerkonak

anladım bu şekilde sizin verdiğiniz örnek çalışıyor.
benim değerlerim buradan geliyor ;
$rezerve = Rezerve::where('ilan_id', $id)
->orderBy('id', 'desc')
->pluck('RANDEVU_BAS_TARIH', 'RANDEVU_BIT_TARIH')
->toArray();
ve onları bu şekilde karşılıyorum
var rezerveTarihleri = {!! json_encode($rezerve) !!};
gelen data bu formatta
{2024-01-10: '2024-01-08', 2024-01-03: '2024-01-01'}
2024-01-03
:
"2024-01-01"
2024-01-10
:
"2024-01-08" array olarak geliyor ben istiyorum ki buradan gelen tarihler seçilemesin.
Yani örneğin 13 ocak ile 17 ocak arası rezerve edilmiş ise 13-14-15-16-17 tarihleri seçilemesin

mgsmus

emreerkonak Kayıtları şöyle çekmeniz lazım:

$rezerve = Rezerve::select('RANDEVU_BAS_TARIH', 'RANDEVU_BIT_TARIH')
    ->where('ilan_id', $id)
    ->orderBy('id', 'desc')
    ->get();

Bu size şöyle bir sonuç verir:

[
  {
    "RANDEVU_BAS_TARIH": "2024-01-01", 
    "RANDEVU_BIT_TARIH": "2024-01-05"
  },
  {
    "RANDEVU_BAS_TARIH": "2024-01-08", 
    "RANDEVU_BIT_TARIH": "2024-01-12"
  }
]

Öyleyse:

const rezerveTarihleri = @json($rezerve);

isInvalidDate: function(date) {
    for (const rt of rezerveTarihleri) {
        if(date >= new Date(rt.RANDEVU_BAS_TARIH) && date <= new Date(rt.RANDEVU_BIT_TARIH)) {
            return true;
        }
    }
   
    return false;
}