Tarih Alanı
Tarihleri hassasiyet ve kontrolle toplayın. Randevu rezervasyonlarından doğum tarihlerine kadar esnek biçimlendirme, tarih aralığı kısıtlamaları ve akıllı doğrulama ile Tarih alanı, yerel takvim seçicilerine geçmiş tarihler, gelecek tarihler, hafta sonları ve özel aralıklar için güçlü kontroller sağlar.
Akıllı Doğrulama Özellikli Profesyonel Veri Toplama
Mükemmel:
Her Kullanım Senaryosu İçin Güçlü Özellikler
📅 Dört Tarih Formatı
Bölgesel Tercihleri Seçin:
Birinci yıl: 2023-12-31 (ISO 8601)
Uluslararası standart format. Veritabanları, sıralama ve teknik uygulamalar için en uygunudur.
Ayın ilki: 31/12/2023 (ABD Takvimi)
Amerikan formatı. ABD'li kullanıcılar için ay-gün-yıl sırası en yaygın olanıdır.
Birinci gün: 31/12/2023 (İngiltere Takvimi)
Gün-ay-yıl sıralamasıyla İngiliz/Avrupa formatı. Uluslararası alanda yaygın.
Gün ilk olarak tirelerle: 31-12-2023
Eğik çizgiler yerine tireler kullanan alternatif Avrupa formatı.
Biçimin Önemi:
Bölgeye göre kullanıcı beklentilerini karşılıyor.
Karışıklığı ve hataları önler.
Tutarlı veri depolamasını sağlar.
Form doldurma oranlarını iyileştirir.
Ekran Özelleştirme:
Biçim, tarih formatının dahili olarak standart şekilde korunmasını sağlarken, tarihlerin kullanıcılara nasıl görüneceğini etkiler.
📏 Tarih Aralığı Kısıtlamaları
Seçilebilir Tarihleri Kontrol Et:
İlk İzin Verilen Tarih (Minimum):
Kullanıcıların seçebileceği en erken tarihi ayarlayın. Bu tarihten önceki tarihler takvim seçicisinde devre dışı bırakılır.
Örnekler:
- Etkinlik kaydı: Minimum tarih = etkinlik duyuru tarihi
- Randevular: Minimum tarih = bugün (geçmişe ait rezervasyonlar kabul edilmez)
- Tarihsel veriler: Minimum tarih = şirketin kuruluş tarihi
- Proje teslim tarihleri: Minimum tarih = proje başlangıç tarihi
İzin Verilen Son Tarih (Maksimum):
Kullanıcıların seçebileceği en geç tarihi ayarlayın. Bu tarihten sonraki tarihler takvim seçicisinde devre dışı bırakılır.
Örnekler:
- Erken kayıt fırsatı: Son kayıt tarihi = son başvuru tarihi
- Sınırlı sayıda mevcuttur: Maksimum tarih = son müsait tarih
- Tarihsel kayıtlar: Maksimum tarih = bugün
- Belirli zaman dilimi: Maksimum tarih = kampanyanın bitiş tarihi
Hızlı Ayar Düğmeleri:
Minimum/maksimum tarihleri tek tıklamayla bugünün tarihine ayarlayın veya kısıtlamaları anında kaldırın.
⏮️ Geçmiş Tarihleri Engelle
Önceki Tarihlerin Seçilmesini Engelle:
Bugünden önceki tüm tarihleri devre dışı bırakmak için "Geçmiş Tarihleri Engelle" seçeneğini etkinleştirin. Kullanıcılar yalnızca bugünü veya gelecekteki tarihleri seçebilir.
İçin mükemmel:
- Randevu kayıtları (geçmiş randevular hariç)
- Etkinlik kaydı (sadece yaklaşan etkinlikler)
- Teslimat tarihi seçimi (gelecek teslimatlar)
- Rezervasyon sistemleri (ileri rezervasyonlar)
- Son teslim tarihleri (gelecekte olmalı)
Akıllı Davranış:
Günlük olarak otomatik olarak güncellenir – bugünün tarihi her zaman geçerlidir, dünün tarihi devre dışı bırakılır. Manuel tarih yönetimine gerek yoktur.
Diğer Kısıtlamalarla Birleşir:
Gelecek zaman aralıkları oluşturmak için (örneğin, bugünden 30 gün sonrasına kadar olan rezervasyonlar) maksimum tarih ile birlikte kullanın.
⏭️ Gelecek Tarihleri Engelle
Yaklaşan Tarihlerin Seçilmesini Engelle:
Bugünden sonraki tüm tarihleri devre dışı bırakmak için "Gelecek Tarihleri Engelle" seçeneğini etkinleştirin. Kullanıcılar yalnızca bugünü veya geçmiş tarihleri seçebilir.
İçin mükemmel:
- Doğum tarihi koleksiyonu (gelecekteki tarih olamaz)
- Tarihsel olayların tarihleri (sadece geçmişe ait)
- Deneyim başlangıç tarihleri (ne zaman başladınız?)
- Tamamlanma tarihleri (zaten gerçekleşti)
- Yıldönümü tarihleri (geçmiş etkinlikler)
Gerçek Dünya Kullanımı:
Mantıklı tarih girişi sağlar – doğum tarihleri, işe giriş tarihleri, mezuniyet tarihleri geçmiş tarihler olmalıdır.
Dahili Doğrulama:
Tarayıcı geçersiz seçimleri otomatik olarak engeller. Kafa karıştırıcı hata mesajlarına gerek yok.
📆 Hafta Sonlarını Devre Dışı Bırak
Cumartesi ve Pazar Günleri İçin Blok Seçimi:
Takvim seçicisinde Cumartesi ve Pazar günlerini devre dışı bırakmak için "Hafta Sonu Seçimi Yok" seçeneğini etkinleştirin. Sadece hafta içi günler (Pazartesi-Cuma) seçilebilir.
İçin mükemmel:
- İş randevusu rezervasyonları
- Ofis teslimat planlaması
- Danışma tarihi seçimi
- Servis randevuları (sadece Pazartesi-Cuma)
- B2B toplantı planlaması
Akıllı Etkileşimler:
Kullanıcı yanlışlıkla (klavye aracılığıyla) hafta sonunu seçerse, sistem otomatik olarak bir sonraki Pazartesi gününe düzeltir. Kusursuz koruma.
Diğer Seçeneklerle Birleştirilebilir:
Geçmiş/gelecek kısıtlamalarıyla çalışır – yalnızca izin verilen aralıktaki hafta içi günler seçilebilir.
🎯 Varsayılan Tarih Seçenekleri
Başlangıç Tarihlerini Önceden Seçin:
Önceden Seçilmiş Tarih Yok (Boş):
Alan başlangıçta boştur. Kullanıcıların aktif olarak bir tarih seçmesi gerekir. Tarihlerin sık değiştiği durumlar için idealdir.
Bugünün tarihi:
Form yüklendiğinde otomatik olarak geçerli tarihle önceden doldurulur. Her gün dinamik olarak güncellenir.
Kullanım Durumları:
- “Sorgu tarihi” alanları
- Zaman damgası formları
- Güncel tarih belgelendirmesi
- Bugünkü program seçimleri
Yarınki Randevu:
Yarınki tarihi otomatik olarak önceden doldurur. Ertesi günkü rezervasyonlar için idealdir.
Kullanım Durumları:
- Ertesi gün teslimat seçeneği
- Yarınki randevu rezervasyonları
- Gelecekteki olay varsayılanları
- Ertesi gün teslimat imkanı
Özel Tarih:
Önceden seçmek için herhangi bir sabit tarih belirleyin. Önerilen tarihler veya etkinliğe özel formlar için idealdir.
Kullanım Durumları:
- Önerilen randevu tarihi
- Etkinlik tarihi varsayılanları
- Son tarih önerileri
- Önceden doldurulmuş başvuru tarihleri
📱 Yerel Takvim Seçici
Tarayıcıya Optimize Edilmiş Tarih Seçimi:
HTML5'in yerel tarih giriş alanlarını tarayıcının yerleşik takvim seçicisiyle birlikte kullanır. Tanıdık, platforma özgü bir deneyim sunar.
Platforma Özgü Görünüm:
- iOS: Güzel tekerlek seçici
- Android: Materyal Tasarım takvimi
- Chrome Masaüstü: Açılır Takvim
- Masaüstü Safari: Kompakt seçici
- Hepsi kendi platformları için optimize edilmiştir.
Faydaları:
- Herhangi bir JavaScript kütüphanesine gerek yok.
- Anında yükleme
- Varsayılan olarak erişilebilir
- Klavye ile gezilebilir
- Dokunmatik olarak optimize edilmiş
- Minimum dosya boyutu
İstediğiniz yere tıklayın:
Takvimi açmak için alanın tamamına tıklanabilir. Geniş etkileşim alanı kullanım kolaylığını artırır.
✅ Akıllı Tarih Doğrulama
Dahili Doğrulama Katmanları:
Biçim Doğrulama:
Tarayıcı, tarih formatının doğru olmasını otomatik olarak sağlar. Kullanıcılar "2023-13-45" gibi geçersiz tarihler giremezler.
Aralık Doğrulaması:
Minimum/maksimum tarih sınırları seçici düzeyinde uygulanır. Geçersiz tarihler devre dışı bırakılır – seçilemezler.
Mantık Doğrulama:
Geçmiş/gelecek/hafta sonu kısıtlamaları otomatik olarak uygulanır. Sistem geçersiz seçimleri engeller.
Hata Mesajlarını Temizle:
Kullanıcılar bir şekilde kısıtlamaları aşarsa, açık mesajlar şu şekilde açıklama yapar: "Tarih 2024-01-01 tarihinden sonra olmalıdır" veya "Tarih 2024-12-31 tarihinden önce olmalıdır."
🔀 Şartlı Mantık
Dinamik Tarih Alanı Görünürlüğü:
Formdaki diğer değerlere bağlı olarak tarih alanlarını gösterin veya gizleyin. Yalnızca gerektiğinde ilgili tarih alanlarını görüntüleyin.
Gelişmiş Mantık Kuralları:
- VE Mantık – Tüm koşullar yerine getirilmelidir
- VEYA Mantığı – Herhangi bir koşul eylemi tetikleyebilir.
- 8 İşlem Operatörü – Eşittir, Eşit Değildir, Büyüktür, Küçüktür, İçerir, Boştur ve daha fazlası
Kullanım Durumları:
- "Tercih edilen tarih" seçeneği yalnızca rezervasyon türü "Randevu" olduğunda göster.
- Etkinlik türü boş değilse "Etkinlik tarihi"ni göster.
- Gönderim yöntemi "Planlı" olduğunda "Teslimat tarihi"ni göster.
- Bilet türü "Tek Yön" olduğunda "Dönüş tarihi"ni gizle
🎯 Geliştirilmiş Kullanıcı Deneyimi
Dahili Akıllı Özellikler:
- Görsel Tarih Gösterimi – Seçilen tarih okunabilir biçimde görüntülenir.
- Takvim Simgesi – Tarih seçiciyi gösteren görsel işaret
- Klavye Navigasyonu – Ok tuşları takvimde gezinmeyi sağlar.
- Sekme Erişilebilirliği – Tam klavye desteği
- Dokunmatik Ekran İçin Optimize Edilmiş – Mobil cihazlarda büyük dokunmatik alanlar
- Otomatik Düzeltme – Geçersiz tarihler, en yakın geçerli tarihe otomatik olarak ayarlanır.
- Bugünün Öne Çıkanları – Seçicide geçerli tarih vurgulanmıştır.
- Hızlı Seçim – Tarihe tıklayın, tarih seçici otomatik olarak kapanır.
- Yardım Metni Desteği – Tarih biçimi ipuçları veya talimatları ekleyin
- Gerekli Doğrulama – Tarih seçimini zorunlu hale getirin
- Özel CSS Sınıfları – Özel stil uygulayın
- Erişilebilirlik Desteği – ARIA etiketleri, ekran okuyucu uyumlu
3 Adımda Basit Kurulum
Tarih alanınızı dakikalar içinde hazır hale getirin.
Tarih Alanı Ekle
Temel Alanlar bölümünden Tarih alanını sürükleyip formunuza bırakın.
Biçim ve Aralık Seçin
Tarih formatını (ABD, İngiltere, ISO) seçin, isteğe bağlı olarak minimum/maksimum tarih sınırlarını belirleyin ve gerektiği gibi geçmiş/gelecek/hafta sonu engelleme özelliğini etkinleştirin.
Varsayılan Tarihi Ayarla
Alanın boş bırakılmasını, bugünün, yarının veya belirttiğiniz özel bir tarihin otomatik olarak doldurulmasını seçin.
🎉 İşte bu kadar! Tarih alanınız akıllı doğrulama ve yerleşik seçicilerle hazır.
Gerçek Dünya Uygulamaları
Randevu Rezervasyon
* Tıbbi randevu tarihleri
* Danışma randevusu planlaması
* Servis randevusu seçimi
* Toplantı tarihi koordinasyonu
Etkinlik Kaydı
* Etkinliğe katılım tarihleri
* Atölye tarihi seçimi
* Konferans kaydı
* Ders kayıt tarihleri
Teslimat ve Nakliye
* Tercih edilen teslimat tarihleri
* Gönderim tarihi seçimi
* Teslim alma tarihi planlaması
* Sevkiyat tarihi planlaması
İş Uygulamaları
* Proje teslim tarihleri
* Görev teslim tarihleri
* Sözleşmenin yürürlük tarihleri
* Sözleşme başlangıç/bitiş tarihleri
Kişisel bilgi
* Doğum tarihi toplama
* Yıldönümü tarihleri
* İşe başlama tarihi
* Eğitim tamamlama tarihleri
Rezervasyon
* Otel giriş tarihleri
* Kiralama başlangıç tarihleri
* Rezervasyon onay tarihleri
* Rezervasyon dönemi seçimi
Saha Seçeneklerini Tamamlayın
Temel yapılandırma
- Alan Etiketi – Tarih alanının üstünde gösterilen başlık
- Açıklama/Yardım Metni – Kullanıcılar için ek kılavuz
- Zorunlu Alan – Tarih seçimini zorunlu hale getir
- Yer tutucu – Yerel tarih seçiciler için geçerli değil.
Tarih formatı
- Tarihler Nasıl Görüntülenir:
- Birinci yıl: 2023-12-31 (ISO 8601)
- Ayın ilki: 31/12/2023 (ABD takvimi)
- Birinci gün: 31/12/2023 (İngiltere takvimine göre)
- Gün ilk olarak tirelerle: 31-12-2023
Tarih Aralığı Kısıtlamaları
- İzin Verilen İlk Tarih – Kullanıcıların seçebileceği en erken tarih (sınırlama olmaması için boş bırakın)
- Son İzin Verilen Tarih – Kullanıcıların seçebileceği en geç tarih (sınırlama olmaması için boş bırakın)
Tarih Engelleme Seçenekleri
- Geçmiş Tarihleri Engelle – Bugünden önceki herhangi bir tarihin seçilmesini engeller.
- Gelecek Tarihleri Engelle – Bugünden sonraki herhangi bir tarihin seçilmesini engeller.
- Hafta Sonu Seçimi Yok – Cumartesi ve Pazar günlerinin seçilmesini engeller.
Başlangıç Tarihi Seçimi:
- Önceden seçilmiş tarih yok (boş) – Alan boş olarak başlıyor
- Bugünün tarihi – Geçerli tarih önceden doldurulmuş
- Yarının tarihi – Ertesi gün için önceden doldurulmuş
- Belirli tarih (siz seçersiniz) – Önceden doldurulmuş özel tarih
Özel Varsayılan Tarih – Başlangıç tarihinizi seçin (bu tarih “Belirli tarih” seçeneği seçildiğinde gösterilir)
Koşullu Mantık
- Koşullu Mantığı Etkinleştir – Koşullara bağlı olarak göster/gizle
- Mantık Türü
- Tüm koşullar yerine getirilmelidir (VE)
- Herhangi bir koşul karşılanabilir (VEYA)
- Şart Kuralları
- Göster/Gizle – Yapılacak işlem
- Alan – Hangi alanı kontrol edeceğim?
- Operatörler – Eşittir, Eşit Değildir, İçerir, Büyüktür, Küçüktür, Boştur, Boş Değildir
- Değer – Karşılaştırma değeri
- Çoklu Koşullar – Sınırsız sayıda kural ekleyin
Gelişmiş Seçenekler
- Gizli Alan – Alanı görünmez yap ancak gönderimlere tarihi dahil et
- Özel CSS Sınıfları – Özel stil uygulayın
- Erişilebilirlik Özellikleri – Ekran okuyucular için ARIA etiketleri
Tarih alanımızı neden tercih etmelisiniz?
✅ Çoklu Formatlar – ABD, İngiltere, ISO ve kesik çizgili formatlar
✅ Tarih Aralığı Kontrolü – Minimum/maksimum sınırları hassas bir şekilde ayarlayın
✅ Geçmiş Tarihleri Engelle – Yalnızca gelecek tarih seçimlerine izin ver
✅ Gelecek Tarihleri Engelle – Yalnızca geçmiş tarih seçimlerine izin ver
✅ Haftasonlarını Devre Dışı Bırak – İşletmeler için yalnızca hafta içi seçeneği
✅ Akıllı Varsayılanlar – Bugün, yarın veya özel bir tarihle önceden doldurun
✅ Yerel Seçiciler – Her platform için tarayıcıya optimize edilmiş takvimler
✅ Otomatik Doğrulama – Geçersiz tarihler seçilemez
✅ Tamamen Entegre – Tüm form özellikleriyle sorunsuz bir şekilde çalışır
Sıkça Sorulan Sorular
S: Hangi tarih formatları destekleniyor?
Dört format: ISO (2023-12-31), ABD (12/31/2023), İngiltere (31/12/2023) ve Kesikli (31-12-2023). Hedef kitlenize en uygun formatı seçin.
S: Kullanıcıların geçmiş tarihleri seçmesini nasıl engelleyebilirim?
"Geçmiş Tarihleri Engelle" seçeneğini etkinleştirin. Bu sayede bugünden önceki tüm tarihler tarih seçici bölümünde seçilemez hale gelir.
S: Tarih aralığını belirli bir aralıkla sınırlayabilir miyim?
Evet. Seçenekleri belirli bir zaman aralığıyla sınırlandırmak için "İlk İzin Verilen Tarih" ve "Son İzin Verilen Tarih" seçeneklerini ayarlayın.
S: “Hafta Sonlarını Devre Dışı Bırak” ne işe yarar?
Cumartesi ve Pazar günleri seçilebilir olmaktan çıkarılır. Sadece Pazartesi ile Cuma günleri seçilebilir kalır.
S: Varsayılan tarihler nasıl çalışır?
Alanın boş olarak başlamasını, bugünün tarihini, yarının tarihini veya özel bir tarihi göstermesini seçin. Bugün ve yarın otomatik olarak ayarlanır.
S: Tarih seçme ekranı tüm cihazlarda aynı mı görünüyor?
Hayır. Her cihazın kendi yerel kullanıcı arayüzünü kullanır; iOS'ta tekerlek seçiciler, Android'de takvimler, masaüstü seçiciler vb.
S: Doğum tarihi alanları için gelecekteki tarihleri engelleyebilir miyim?
Evet. Kullanıcıların yalnızca bugün de dahil olmak üzere bugüne kadar olan tarihleri seçebilmeleri için "Gelecek Tarihleri Engelle" seçeneğini etkinleştirin.
S: Minimum/maksimum tarihler, geçmiş/gelecek engelleme ile birlikte nasıl çalışır?
Bunlar birbiriyle birleşir. Örneğin, geçmiş tarihleri engellemek ve en fazla 30 gün sonrasını belirlemek, bugünden 30 gün sonrasına kadar bir aralık oluşturur.
S: Kullanıcılar tarih seçici yerine tarih yazabilir mi?
Bazı tarayıcılar doğrulama ile birlikte yazmaya izin verir. Diğerleri ise tarih seçiciyi zorunlu kılar. Hepsi doğru biçimlendirmeyi zorunlu kılar.
S: Hafta sonları devre dışı bırakılmışken kullanıcı hafta sonunu seçerse ne olur?
Sistem, en yakın geçerli hafta içi gününe, genellikle bir sonraki Pazartesi gününe otomatik olarak ayarlanır.
S: Tarih alanlarında koşullu mantık kullanabilir miyim?
Evet. Diğer alanların görünürlüğünü kontrol etmek için "Eşittir", "Boş mu?", "Boş değil mi?", "Büyüktür" veya "Küçüktür" gibi karşılaştırmalar kullanın.
S: Son teslim tarihini nasıl belirlerim?
Son tarihinizi “İzin Verilen Son Tarih” alanına girin. Kullanıcılar bu tarihten sonraki tarihleri seçemezler. Yalnızca gelecek tarihler için müsaitlik gerekiyorsa, “Geçmiş Tarihleri Engelle” seçeneğiyle birlikte kullanın.
