pilihan tanggal dengan image

tryco · Jul 20, 2011
mas ellyx saya punya form,ada 2 textboxnya kepengin menggunakan tanggal dengan image (date picker) jquery supaya datepickernya tampil dua-duanya gimana ya mas..
contoh codenya :
<!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>Untitled Document</title>
<link type="text/css" href="style.css" rel="stylesheet">
<link type="text/css" href="css/jquery.ui.all.css" rel="stylesheet">
<link type="text/css" href="css/jquery.ui.datepicker.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript">
$(function(){
$("#prdate").datepicker({
buttonImage:'css/images/calendar.gif',
buttonImageOnly:true,
showOn:'button'
});
});
</script>
</head>

<body>
<form action="" method="post">
<table width="50%" border="0">
  <tr>
    <td width="33%">&nbsp;</td>
    <td width="3%">&nbsp;</td>
    <td width="64%">&nbsp;</td>
  </tr>
  <tr>
    <td>tanggal kirim</td>
    <td>:</td>
    <td><input type="text" id="prdate" name="prdate"></td>
  </tr>
  <tr>
    <td>tanggal di terima</td>
    <td>:</td>
    <td><input type="text" id="prdate" name="prdate"></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><label>
      <input type="submit" name="Save" id="Save" value="Save" />
    </label></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</form>

</body>
</html>
kenapa sll satu ya mas yang tampil image calender di samping textbox..thx ya mas..tuhan yang membalas kebaikan mas ellyx.
Silahkan login untuk menjawab!
0
Ellyx Christian · Jul 20, 2011 · 0 Suka · 0 Tidak Suka
sebagai catatan, attribute id dari sebuah element html harus unik. Html yang benar itu seperti ini:
<!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>Untitled Document</title>
<link type="text/css" href="style.css" rel="stylesheet">
<link type="text/css" href="css/jquery.ui.all.css" rel="stylesheet">
<link type="text/css" href="css/jquery.ui.datepicker.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.5.1.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="js/ui/jquery.ui.datepicker.js"></script>
<script type="text/javascript">
$(function(){
$(".tanggal").datepicker({
buttonImage:'css/images/calendar.gif',
buttonImageOnly:true,
showOn:'button'
});
});
</script>
</head>
 
<body>
<form action="" method="post">
<table width="50%" border="0">
 <tr>
 <td width="33%">&nbsp;</td>
 <td width="3%">&nbsp;</td>
 <td width="64%">&nbsp;</td>
 </tr>
 <tr>
 <td>tanggal kirim</td>
 <td>:</td>
 <td><input type="text" id="tglkirim" name="tglkirim" class="tanggal"></td>
 </tr>
 <tr>
 <td>tanggal di terima</td>
 <td>:</td>
 <td><input type="text" id="tglterima" name="tglterima" class="tanggal"></td>
 </tr>
 <tr>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 <td><label>
 <input type="submit" name="Save" id="Save" value="Save" />
 </label></td>
 </tr>
 <tr>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 <td>&nbsp;</td>
 </tr>
</table>
</form>
 
</body>
</html>
kamu gunakan selector class $(".tanggal"), jadi setiap element yang memiliki attribute class="tanggal" akan ada datepicker
0
tryco · Jul 20, 2011 · 0 Suka · 0 Tidak Suka
terimakasih banyak mas ellyx..ternyata pemahamanku tentang html blum bgitu dalem..klo kursus yang ada di menu mas ellyx itu benar ga sih mas..framework php yang bagus pa mas..mas ellyx sendiri pakai framework php ngga mas..
0
Ellyx Christian · Jul 20, 2011 · 0 Suka · 0 Tidak Suka
kursus itu memang benar, myphptutorials bekerja sama dengan kursus-online.com, tapi kursusnya lebih cocok bagi yang pemula banget. Jika kamu bertanya tentang framework apa yang paling bagus? sama dengan kamu bertanya "handphone apa yang paling bagus?". Itu semua tergantung dari kebutuhan sebuah sistem. Saya sendiri menggunakan Zend Framework, sebelumnya menggunakan cakephp dan seiring dengan pengembangan website cakephp (versi saat ini) tidak lagi relevan dengan pengembangan website ini.