Mohon maaf, mungkin terdapat beberpa artikel yang contohnya tidak ada dan tidak dapat didownload bahkan sudah tidak dapat diterapkan. Hal ini dikarenakan artikel tersebut ditulis babaerapa tahun lalu (jadul).

12 July 2010

Membuat pilihan Tanggal dengan ComboBox pada PHP

Biasanya ketika kita membuat suatu web, pastinya terdapat unsur tanggal bukan? Nah, disini saya akan menuliskan bagaimana cara membuatnya dengan bahasa PHP. Salah satu cara untuk memilih tanggal adalah menggunakan ComboBox. Tujuan dengan menggunakan ComboBox adalah untuk mempermudah user dalam memilih pilihan yang sudah disediakan.
Hal ini juga menghindari kesalahan user dalam penulisan suatu format tanggal yang telah disediakan. Untuk lebih jelasnya, lihat pelajari dan coba script berikut ini:
<?php
//array yang digunakan pada ComboBox bulan
$bln=array(1=>"Januari","Februari","Maret","April","Mei","Juni","July","Agustus","September","Oktober","November","Desember");

//membuat tanggal 1-31 pada ComboBox
echo "Tanggal:<select name=tanggal>
<option value=01 selected>01</option>";
 for($tgl=2; $tgl<=31; $tgl++){
  $tgl_leng=strlen($tgl);
  if ($tgl_leng==1)
   $i="0".$tgl;
  else
   $i=$tgl;
   echo "<option value=$i>$i</option>";
 }
echo "</select>";

//membuat bulan ComboBox
echo "<select name=bulan>
  <option value=Januari selected>Januari</option>";
   for($bulan=2; $bulan<=12; $bulan++){
    echo "<option value=$bulan>$bln[$bulan]</option>";
   }
echo "</select>";

//Membuat tahun 1900 sampai sekarang pada ComboBox
$now=date("Y");
echo "<select name=tahun>
 <option value=1900 selected>1900</option>";
  for($thn=1901; $thn<=$now; $thn++){
   echo "<option value=$thn>$thn</option>";
  }
echo "</select>";
?>

Nah, kita bisa lihat dengan menggunakan beberapa baris kode di atas, kita sudah biasa membuat pemilhan tanggal-bulan-tahun. Misalnya dari ComboBox tanggal, hanya dengan beberapa baris kode sudah terdapat pilihan tanggal antara tanggal 1-31. Begitu juga dengan tahun, sudah terdapat pilihan antara tahun 1900 hingga sekarang. Nah, mudah bukan? Sekarang giliran anda untuk mencoba bagooos

Noted : Script di atas belum mengunakan validasi tanggal kabisat.



34 comments:

  1. makasih yah kk buat codinganna
    info yang sangat bagus buat pemula seperti saya

    terimakasih

    ReplyDelete
  2. bagus juga nih codingnya, jd gk perlu banyak copy paste data yg hampir sama :)

    ReplyDelete
  3. yup yup... itulah fungsi perulangan, manusia cukup menulis beberapa, sedangkan yang bekerja silahkan mesin :)

    ReplyDelete
  4. SCRIPT UTK TAMPIL TANGGAL YG UDAH DI INPUT NYA MANA MAS . ??
    :)

    ReplyDelete
  5. maksudnya gimana ya raHma? saya gak paham :)
    atau yang dimaksud itu ini http://xinthinx-blog.blogspot.com/2010/07/filter-pilihan-tanggal-pada-combobox.html

    ReplyDelete
  6. hheu ..
    maksud nya script utk form tampil tanggal ..
    kalo yg mas kasi ini kan utk form input tanggalnya ..
    ada gak . ??

    ReplyDelete
  7. owh, nampilin kalender gitu ta maksudnya?

    ReplyDelete
  8. bukan mas...
    maksud nya .. kalo script ini di kombinasi trus dikoneksi ke database (contoh : mysql),, ntar form buat nampilin tgl yg ada di database nya gmna scriptnya . ??

    ReplyDelete
  9. $raHma : mungkin ini ya yang dimaksud http://xinthinx-blog.blogspot.com/2010/11/menampilkan-tanggal-indonesia-format.html

    ReplyDelete
  10. Berarti ini udah gak perlu make icon kalender segala macem yah?lebih praktis yah kalo saya lihat...Makasih ya mas...

    ReplyDelete
  11. nah lhooh . . ini yg saya cari . . terimakasih gan . . buat program basis web soalnya :)

    ReplyDelete
  12. masih newbie.mas itu kan masih berbentuk code php.untuk nampilin di web gmn ya phpnya itu?supaya jadi seperti di http://xinthinx.us/demo/date-combo/

    ReplyDelete
  13. @ManiacCMS : ok, sama-sama gan, senang bisa membantu :)

    @budi : nah, script di atas itu saya jadikan nama index dengan extensi php yang jadinya index.php dengan kata lain, file tersebut adalah file php

    ReplyDelete
  14. mas, misalnya saya pilih tanggal lalu mau saya simpan ke database, script nya apa yah ??

    ReplyDelete
  15. owh, klo itu udah saya tulis juga koq artikelnya, lihat disini aja...
    http://blog.xinthinx.us/2010/11/menyimpan-pilihan-tanggal-combobox-ke.html

    ReplyDelete
  16. Anonymous7/11/12 12:48

    klo cara gabungin ke form di html gmn gan

    ReplyDelete
  17. agan masukin aja kode diatas, semuanya, tapi nanti file extensinya .php

    ReplyDelete
  18. gan kalo looping yg buat bulan i2 dimnculkan dengan value nama bulannya gmn y cara'a??
    cz saya coba pake coding agan,mnclnya angka gt,hehe
    mohon pencerahannya..
    maklum msh newbie..
    thx

    ReplyDelete
  19. owh, itu value angka karena kan fungsinya untuk dimasukkan ke database, nah format database yang date kan pake angka jadinya gitu...

    klo mau valuenya nama bulan juga ya tinggal gini aja $bln[$bulan] gan...

    ReplyDelete
  20. wah bnr gan,bisa,hehe
    thx y gan atas pencerahannya...
    ^^

    ReplyDelete
  21. min, ada yg tau script pencarian dari 2 combobox tidak? terima kasih, sukses terus

    ReplyDelete
  22. nyari 2 combobx gimana gan maksudnya ^^

    ReplyDelete
  23. gan gimana caranya ngoneksiin tombol button ke form berikutnya??

    ReplyDelete
  24. maksudnya gimana ya?
    koneksikan button pake submit gitu?

    ReplyDelete
  25. kalo misalnya, tanggalnya berdasarkan bulan gmna ?? jd januari 31 hari, febuari 28, maret 31, april 30 dst gmna itu

    ReplyDelete
  26. itu pake javascript gan, coba cari google banyak koq...

    ReplyDelete
  27. turorialny sngt bgus skali mas , mksih ya

    ReplyDelete
  28. Masnya, ada code buat update tanggal lahirnya kek tadi? Minta dong

    ReplyDelete
  29. itu pakai php? kalau pake java script gmana?

    ReplyDelete
  30. Swiming is the best exercise in summer and running in winter
    QU-IT & QU

    ReplyDelete
  31. cara menyimpannya ke database dari 3 combox tgl,bulan,tahun pada satu file dengan nama date bagaimanan.
    makasih

    ReplyDelete
  32. Jadi tau cara bikin tanggal dengan ComboBox.
    makasih min..

    My blog

    ReplyDelete
  33. untuk default select nya di jadikan bulan hari dan tahun sekarang bagaimanan caranya?

    ReplyDelete
  34. Ini formatnya langsung jd 18/06/2017 gtu gan?

    ReplyDelete