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.
6 Comments
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