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.
Usta buna saati nasıl ekleriz?
js dosyasında türkçeleştirme yapılmış olduğu halde ingilizce olarak çıkıyor menüler nedendir acaba
hoca ie6 -ie7 serisinde çıkmıyor fakat mozilla da iyi çalışıyor.
teşekkürler..
aynı sayfaya iki tane tarih alanı eklemek istediğimizde yalnızca ikinci eklenen çalışıyor. bir aksilik varsa nedendir?
evet 2 texboxta tarih çalışmıyor
Teşekkürler….
saolsın dayı
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.