Kuika’nın Date elementi, kullanıcıların tarih seçimini kolaylaştıran bir giriş elementtir. Kullanıcılar manuel olarak tarih girebilir veya takvim üzerinden seçim yapabilir. Tarih tabanlı doğrulamalar ve kısıtlamalar ekleyerek form ve süreçlerde güvenilir veri toplamanızı sağlar.
Date elementi hem web hem de mobil uygulamalarda desteklenir.
Kullanım Alanları
Rezervasyon ve randevu sistemleri,
Formlarda doğum tarihi veya teslim tarihi seçimi,
Fatura veya sipariş oluşturma ekranlarında tarih belirleme,
Proje planlama ve zamanlama uygulamaları vb.
Randevu Tarihi Seçimi
Statik Kullanım Senaryosu – Randevu Tarihi
Bir seyahat rezervasyonu uygulamasında kullanıcıların yalnızca ileri tarihleri seçebilmesi gerekir. Date elementi, kullanıcıya bir tarih seçici sunar ve belirlenen tarih rezervasyon için kayıt altına alınır.
Veri Kaynağı Bağlama
Statik kullanımda SQL veya tabloya gerek yoktur. Tarih doğrudan element üzerinden atanır.
Value alanına bugünün tarihi (Today) atanır.
DisableBeforeDate özelliği ile geçmiş tarihler kapatılır.
Placeholder “Randevu Tarihi Seçin” olarak belirlenir.
Placeholder → “Randevu Tarihi Seçin” kullanıcıya yol gösterir.
AllowClear → Tek tıkla seçimi temizleme imkanı verir.
Format → DD/MM/YYYY olarak ayarlanır.
DisableBeforeDate → Geçmiş tarihler kapatılır.
DisabledDays → Tatil günleri kapatılabilir.
Return Display Value (Web only) → Tarih ekranda göründüğü formatta döner.
Senaryo Adımı Tamamlandığında
Kullanıcı sadece ileri tarihleri seçebilir.
Seçilen tarih formatlı şekilde ekrana yansır.
Kullanıcı isterse tarihi temizleyebilir.
Seçilen tarih, rezervasyon işlemine aktarılır.
Dinamik Kullanım Senaryosu – Sipariş Teslimat Tarihi
Bir e-ticaret uygulamasında siparişlerin teslimat tarihleri yönetilir. Kullanıcı yeni sipariş oluştururken teslimat tarihini seçer, sistem bu tarihi veri tablosuna kaydeder.
Veri Kaynağı Bağlama
Datasources modülüne gidin.
Ardından Tables başlığı yanındaki + ikonuna tıklayın ve tabloya Orders ismini verin.
Aşağıdaki tabloyu oluşturun:
Ardından SQL Actions’a tıklayın ve aksiyona “Orders” ismini verin.