Standart tipte gelen bir JSON verimiz var. Bunu get methoduyla URL e request atarak alabiliyoruz.

Örnek json veriden bir dizi:

  {    "id": 43,    "active": 1,    "price": "150.00",    "is_instant": 1,    "is_default": true,    "textColor": "#2791fe",    "price_html": "$150",    "event": "$150",    "title": "$150",    "end": "2020-12-27",    "start": "2020-12-27"  },

Daterangepicker açıldığında URL e request atarak (Yan yana 2 aylık liste açılacak onun için request e parametre olarak start ve end date eklenecek) veri alınacak.
Gelen değerde:

• active değeri 1 olan start ve end tarih aralığındaki günler takvimde aktif olacak, diğerleri pasif olacak.
• İlgili tarih field in üstüne fare geldiğinde tooltip olarak title değeri çıkacak. (Bu örnekte $150)
• Takvimden tarih veya tarih aralığı seçildiğinde / apply edildiğinde seçili alanların fiyatları (price değeri) toplanacak ve global scope de bulunan bir değişkene atanacak. Ben başka bir yerde kullanacağım bunu. Toplam sonrası sonucun doğruluğu görebilmek için console basılırsa daha iyi olur.
• URL adresi global scope de bulunan bir değişkende tutuluyor. variables.load_dates_url şeklinde bu URL e erişiyoruz. Aşağıdaki örnekte id değeri de bu değişkenden alınıyor. URL e request atarken gönderilen data örneği ise bu:

let data = {    start: start,    end: end,    id: variables .id,    for_single:1};

Örnek takvim görseli:


Kullanılan paket: https://github.com/dangrossman/daterangepicker


İstediklerimi anlaşılır şekilde yazdığımı düşünüyorum. İlgilenen arkadaşlar fiyat teklifini iletirse geri dönüş sağlayacağım.