Web Formlarında Tarih ve Zaman Girişleri - Kapsamlı Bir Rehber

Bu öğretici kılavuzunda, web formlarındaki tarih ve saat girişlerini nasıl uygulayabileceğinizi göstereceğim. Size sunulan farklı giriş tiplerini açıklayacak ve pratik uygulama için değerli ipuçları vereceğim. Tarih ve saatin yanı sıra, bu işlevlerin uygulanması hakkında sağlam bir anlayış kazanmanıza yardımcı olacağız.

En Önemli Bulgular

• Giriş türü "tarih" yalnızca bir tarih seçmenizi sağlar.
• Giriş türü "dateTime-local" tarih ve saati zaman dilimi ayarlaması olmadan birleştirir.
• Tarih ve saat girişlerinin biçimlendirilmesi ISO 8601 standartlarına göre gerçekleşir.
• Tarayıcılar, Tarih ve Saat Girişinin farklı görüntü özelliklerine sahip olabilir.

Tarih ve Saat Girişinin Temelleri

Formlarınızda tarih ve saat girişlerini uygulamak için date, dateTime-local ve time HTML giriş tiplerine ihtiyacınız olacaktır. Tarih giriş türü, kullanıcının bir tarih seçmesine izin verirken, dateTime-local tipi hem tarihi hem de saatleri kaydeder. Bu veriler zaman dilimi ayarlaması olmadan gönderilir, yani kullanıcı tarafından yapıldığı şekilde sunucuya iletilecektir.

Bu tipleri detaylı olarak inceleyelim.

"Tarih" Giriş Türünün Kullanımı

Saf bir tarih sormak için "tarih" türünü kullanabilirsiniz. Bu, kullanıcının yerleşik bir takvim aracılığıyla bir tarih seçmesine izin verir ve kullanım kolaylığını artırır.

Takvim aracını açtığınızda, çeşitli tarihleri seçebilir ve bunları "Gönder"e tıklayarak iletebilirsiniz. Tarih, standart bir formatta iletilir: Yıl-Ay-Gün.

Takvim görünümünün tarayıcıya bağlı olarak farklılık gösterbileceğini ve işletim sisteminizin bölgesel ayarlarının tarihin nasıl gösterileceğini etkilediğini unutmamanız önemlidir.

Tarih ve Saat Girişi için dateTime-local

Hem bir tarih hem de bir saat girişi yapmak istiyorsanız, dateTime-local türünü kullanmalısınız. Bu, tarih sorgusuna benzer şekilde çalışır, ancak ek olarak bir saat belirtebilirsiniz.

Hem günü hem de saati seçebilirsiniz. İlginç bir şekilde, yerel ayarlarınızda AM/PM biçimi etkin değilse, zaman 24 saatlik formatta gösterilir.

Formu gönderdiğinizde, veriler de ISO formatında alınır ve saat başka bir zaman dilimine dönüştürülmeden değişmeden kalır.

Zaman Kullanımı

Yalnızca saat seçmenizi sağlayan "zaman" giriş türüdür. Bu tür aracılığıyla saat seçme imkanına sahip olur ve seçilen saat yine 24 saatlik formatta iletilir.

Diğer Tarih Biçimlerinin Entegrasyonu

Yukarıda belirtilen türlerin yanı sıra hafta (week) ve ay (month) girişlerinin de yapılabileceği bir olasılık vardır. Week formatını kullanarak belirli haftaları belirleyebilir ve istediğiniz haftayı kolayca seçebilirsiniz.

Month formatı için benzer şekilde. Sadece ayı seçebilir, belirli günleri belirtmeden seçebilirsiniz.

Öntanımlılar ve Değerler

Başka bir faydalı ipucu, giriş alanlarınız için öntanımlı değerler belirleme olanağıdır. Örneğin, tarih ve saat seçerken belirli bir tarihin varsayılan olarak ayarlanmasını belirleyebilirsiniz.

Zaman Dilimleri ve Tarayıcı Uyumluluğu

Tarih ve saat bilgilerinin kullanımında merkezi bir yön, zaman dilimidir. Girişler yerel olarak girildikleri gibi depolanır. Bu bağlamda zaman dilimi ayarlarına ihtiyaç yoktur, bu yüzden yerel saati doğrudan iletebilirsin.

Ancak, bu giriş türlerine olan destek her tarayıcıda farklılık gösterebilir. date ve dateTime-local neredeyse tüm yaygın tarayıcılar tarafından desteklenirken, özel fonksiyonların hedef kitlenin tarayıcılarında da çalışıp çalışmadığını "Can I use" gibi web sitelerinde kontrol etmek önemlidir.

Özet

Şimdi, web sitenizin formlarındaki tarih ve saat girişlerini uygulama konusunda genel bir bakış açınız var. Farklı giriş türlerini, formatlarını ve kullanıcı ayarlarının önemini biliyorsunuz. Doğru formatlama ve tarayıcı desteğinin, kullanıcılarınız için sorunsuz bir deneyim oluşturmak için önemli olduğunu unutmayın.