Membuat Tanggal Dengan PHP (Date Picker)

Membuat Tanggal dengan php

Membuat Tanggal dengan php - Untuk menangani input dan edit penanggalan, biasanya digunakan digunakan komponen ComboBox, namun saat ini ada cara yang lebih efektif dengan hasil yang lebih cantik, yaitu menggunakan komponen Date Picker.

Mengapa lebih efektif? Karena kalau pakai ComboBox memerlukan codingphp yang cukup panjang, sedangkan pakai Date Picker nyaris tanpa coding php. Disamping itu, saat memilih tanggal pakai ComboBox perlu tiga kali pilih (Tanggal, Bulan, Tahun). Sedangkan pakai date picker cuku satu pilih. Dan asyiknya lagi pemilihan tanggal pakai date picker lebih keren tampilannya.

Namun ada sedikit permasalahan dalam penanggalan date picker, untuk susunan penanggalannya menggunakan format indonesia(tanggal/bulan/tahun), sedangkan format tanggal di database MySQL susunannya tahun/bulan/tanggal.

    buatlah database dengan nama cerdas lalu buat table denga nama buku
  • id_buku int(5) primary key auto_increment not null
  • judul varchar(30) not null
  • penulis varchar(30) not null
  • tgl_terbit date not null

Artinya, agar tanggal yang diinputkan melalui date picker bisa masuk ke database MySQL, maka sebelum disimpan ke database, format susunan tanggalannya harus diubah dahulu, misalnya ketika di inputkan tanggalnya 23/12/2015, maka ketika disimpan ke database susunannya harus dibalik menjadi 2015/12/23. Caranya buatlah sebuah fungsi untuk mengubah susuna format tanggal, misalnya beri nama function ubahTgl, contohnya sebagai berikut

        function ubahTgl($tanggal){
        $pisah = explode('/'$tanggal);
        $larik = array($pisah[2],$pisah[1],$pisah[0]);
        $satukan = implode('-'$larik);
        return $satukan;
        }
    

  • Intinya, sebelum data dimasukkan ke dalam database, maka diubah dulu susunan formatnya menjadi tahun/bulan/tanggal
  • Dalam fungsi tersebut, saya menggunakan array untuk memecah ( explode ) variable berdasarkan tanda /, menjadi tiga variable yang terpisah, yaitu tanggal($pisah[0]), bulan($pisah[1]), tahun($pisah[2]).
  • Kemudian hasil pecahan variabel tersebut diubah susunannya, semula tanggal/bulan/tahun yang dinyatakan dengan $pisah[0], $pisah[1], $pisah[1] menjadi $pisah[2], $pisah[1], $pisah[0]
  • Setelah susunan format tanggal diubah, satukan lagi ( implode ) dan selingi dengan tanda - . Hasilnya didalan database MySQL akan tersimpan tanggal dengan susunan format tahun-bulan-tanggal

Selanjutnya kita buat script untuk menampilkan form tanggal, namun sebelumnya silahkan download dulu JQuery UI DI SINI. Karena didalam JQuery lah terdapat komponen-komponen date picker.Oke, kita langsung aja menulis scriptnya. Simpan dengan nama form_buku.php

        <!DOCTYPE html>
        <html>
         <Head>
          <link href="jquery-ui-1.11.4/smoothness/jquery-ui.css" rel="stylesheet" />
          <script src="jquery-ui-1.11.4/external/jquery/jquery.js"></script>
          <script src="jquery-ui-1.11.4/jquery-ui.js"></script>
          <script src="jquery-ui-1.11.4/jquery-ui.min.js"></script>
          <link rel="stylesheet" href="jquery-ui-1.11.4/jquery-ui.theme.css">
          <script>
           $(document).ready(function(){
            $("#tanggal").datepicker({
            })
           })
          </script>
         </head>
         <body>
          <form action="aksi_buku.php" method="post">
           <table>
            <tr>
          <td>Judul</td><td>:</td>
          <td><input type="text" name="nama" /></td>
         </tr>
            <tr>
          <td>Penulis</td><td>:</td>
          <td><input type="text" name="penulis" /></td>
         </tr>
            <tr>
          <td>Tanggal</td><td>:</td>
          <td><input type="text" name="tanggal" id="tanggal" /></td>
         </tr>
         <tr>
          <td colspan="3"><input type="submit" value="submit" name="submit" /></td>
         </tr>
           </table>
          </form>
         </body>
        </html>
    

Script aksi_buku.php

        <?php
        $con = mysqli_connect("localhost","root","","cerdas");

        $nama = $_POST['nama'];
        $penulis = $_POST['penulis'];
        $tanggal = $_POST['tanggal'];
        $submit = $_POST['submit'];

        function ubahTanggal($tanggal){
         $pisah = explode('/',$tanggal);
         $array = array($pisah[2],$pisah[0],$pisah[1]);
         $satukan = implode('-',$array);
         return $satukan;
        }

        $tgl_terbit = ubahTanggal($tanggal);

        if(isset($submit)){
         if(empty($nama) or empty($penulis) or empty($tanggal)){
          echo"<script>window.alert('Maaf,Form tidak boleh kosong....!!!');window.location=('form_buku.php');</script>";
         }else{
          $ins = mysqli_query($con,"insert into buku(judul,penulis,tgl_terbit) values ('$nama','$penulis','$tgl_terbit')");
          echo"<script>window.alert('Data Berhasil diupload');window.location=('form_buku.php');</script>";
         }
        }

        ?>
    

Oke, sekarang jalankan skrip form_buku.php, lalu coba isikan datanya.Contohnya anda bisa lihat pada gambar dibawah ini

Setelah tombol simpan diklik, maka datanya akan tersimpan di dalam database. sekarang kita cek hasil penyimpanannya

Itulah caranya menginputkan tanggal dengan menggunakan Date Picker dengan jQuery. untuk lebih jelasnya, saya sertakan link download untuk aplikasi date picker termasuk databasenya juga. Semoga Bermanfaat..... :) :)

Postingan terkait:

2 Tanggapan untuk "Membuat Tanggal Dengan PHP (Date Picker)"

Yellow Fairy mengatakan...

Terima kasihhhhhh sangaattt membantuuu :)

Anonim mengatakan...

terimaksih sahabat.