Form girdilerinde tarih alanlarının elle girmek yerine daha kolay bir yöntem bir takvim modülünde tarih seçilebilir. O amaçla hazır scriptler kolayca bulunabilmektedir.
En basit haliyle JQuery plugleri ile ne kadar kolay yapıldığını göstermek için bir örneği paylaşıyorum.
Tarih alanına tıklandığında açılan pencereden istenilen tarihi seçtiğinizde popup menu kapanır ve seçilen tarih verisi girdi alanına geri döndürülür.
JQuery sitesinden alıp denediğim örnek kodu konunun anlaşılabilmesi için ekliyorum.
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>jQuery Datepicker</title>
<style type="text/css">
@import "jquery.datepick.css";
</style>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.datepick.js"></script>
<script type="text/javascript">
$(function() {
//$.datepick.setDefaults({useThemeRoller: true});
$('#popupDatepicker').datepick();
$('#inlineDatepicker').datepick({onSelect: showDate});
});
function showDate(date) {
alert('The date chosen is ' + date);
}
</script>
</meta></head>
<body>
<h2>jQuery Datepicker</h2>
<p>Tarih seçici <input type="text" id="popupDatepicker"/></p>
</body>
</html>
Kodlar, plugin ve JQuery ajax paketini buradan indirebilirsiniz.
http://rapidshare.com/files/261422781/jquery-date-picker.rar
1 Yorum : “jQuery Datepicker”
Gelen bağlantılar
[...] [...]