Jquery: Date Picker (Takvim) uygulaması


Web sitelerimizde kullanıcılarımız tarih işlemleri yaparken tarihleri uygun bir biçimde yazmaları ve bizimde sorgularımız bu dogrultuda yapmamız gerekir. Tarih işlemleri i “Jquery Date Pick’i ” kullanabiliriz. İnput alanımız aktif edildiği anda karşımızı bir takvim geliyor ve bu alandan sitediğimiz tarihi seçebiliyoruz.

Dosyamıza jsDatePick.min.1.1.js dosyamızı ve jsDatePick.css stil dosyamızı ekliyoruz, ardından aşagıda yer alan javascript kodumuzu yazıyoruz ve input id inputField aktif edildiğinde karşımızam tarhi seçimi yapacağımız takvimimiz geliyor.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Gumusluoglu.Com || JsDatePick Javascript</title>
<link rel="stylesheet" type="text/css" media="all" href="jsDatePick.css" />
<script type="text/javascript" src="jsDatePick.min.1.1.js"></script>
<script type="text/javascript">
window.onload = function(){
new JsDatePick({
useMode:2,
target:"inputField"
});
};
</script>
</head>
<body>
<input type="text" size="12" id="inputField" />
</body>
</html>

Uygulama dosyalarını zip şeklinde indirmek için tıklayınız.

Jquery: Date Picker (Takvim) uygulaması” üzerine 14 yorum

  • js dosyasında türkçeleştirme yapılmış olduğu halde ingilizce olarak çıkıyor menüler nedendir acaba

  • aynı sayfaya iki tane tarih alanı eklemek istediğimizde yalnızca ikinci eklenen çalışıyor. bir aksilik varsa nedendir?

  • Merhaba
    Çok güzel olmuş
    bunun tarihformatını dd/mm/yyyy şekline nasıl çeviririz ?

  • Tarih formatı değiştirmek için

    dateFormat:”%j-%n-%Y”

  • 2 alan kullanmak için

    new JsDatePick({
    useMode:2,
    target:”inputField”,
    dateFormat:”%j-%n-%Y”
    });

    new JsDatePick({
    useMode:2,
    target:”inputField2″,
    dateFormat:”%j-%n-%Y”
    });

  • ben neatbeansta form olarak takmini yaptım ayın kaçı buton seklinde sormak istediğim mesela nisan ayının 1 i çarşambaya denk geliyor onun oncesinde kalan 30 ve 31 butonları nasıl pasif yapabilir ve takvimi otomatik olarak nasıl ayarlayabılırim tesekkürler..

  • “inputField” e değeri taşıyamadım. Yardımcı olabilirmisiniz. Saygılar.

Bir cevap yazın

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