Anasayfa / Genel / DatePicker Örnekleri

DatePicker Örnekleri

JQuery UI Elementi Örnekleri

Datepicker  

Tarih eklemek için kullanılır. Giriş formatı “dd.MM.yyyy” (örn: 13.09.2013) şeklindedir. Tarih bilgisi klavyeden girilebileceği gibi, açılır pencere içerisindeki takvim üzerinden fare ile de seçilebilir. Bir kaç örnek üzerinde inceleyelim.

 

1) Animations : İstenilen animasyon çeşidi seçilip datapicker özelliğine uygulanır. Bir kaç farklı animasyon çeşitleri vardır ve bunlar select özelliği ile gelir.

 

Ekran Çıktısı : 

 

2) Dates in other months : Diğer aylardaki tarihleri göstermek için kullanılır.

 

Ekran Çıktısı : 

3) Display button bar : Bugünün tarihini açmak için ” Today ” düğmesine, kapatmak için ” Done” düğmesine basmanız yeterli olucaktır.

 

Ekran Çıktısı: 

 

4) Display inline : Tarihler bir işlem yapmaya gerek kalmadan aynı satırda gözükür.

 

Ekran Çıktısı: 

 

5) Display month & year menus : Ay ve yıl bölümünde de seçim yapamızı sağlar.

 

Ekran Çıktısı: 

 

6) Display multiple months : Birden fazla ayı aynı anda gösterir.

 

Ekran Çıktısı:

7) Format date : Farklı tarih biçimlerini  kullanmamıza yarar.

 

Ekran Çıktısı:  

8) İcon trigger : Tarih seçiciyi göstermek için giriş alanının yanındaki simgeyi tıklayın.

 

Ekran Çıktısı : 

9) Localize calendar : İstenilen dile göre değişiklik gösteren datepicker özelliğidir.

 

Ekran Çıktısı:

10) Populate alternate fieldAltField ve altFormat seçeneklerini kullanarak bir tarih seçildiğinde, alternatif alanı kendi tarih biçimiyle doldurur.

 

Ekran Çıktısı :

11) Restrict date range: Tarih aralığını sınırlar.

 

Ekran Çıktısı : 

 

12) Select a date range  İstenilen tarih aralığı seçilir.

 

Ekran Çıktısı: 

13) Show week of the year : Günler ve hafta numarası yatay ve dikey bir şekilde görüntülenir.

 

Ekran Çıktısı : 

About Sena Dinler

Bunu da incele

SQL İLİŞKİLER

İlişkisel veritabanı neredeyse tüm veritabanlarında kullanıldığı için tasarımı ve normalizasyonu önemli bir konu. İyi bir …

Bir yorum

  1. Datapicker yerine DatePicker olması gerekmiyormu?

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

%d blogcu bunu beğendi: