Solusi Pencarian Data Tidak Tampil Berdasarkan Tanggal Format Indonesia Pada JQuery Datepicker

Penulis ada pengalaman nih tentang pembahasan ini, dan penulis ingin share disini, siapa tahu nantinya ini berguna untuk para pembaca. Jadi ketika penulis membuat sebuah aplikasi penjualan, pada menu laporan penjualan penulis membuat sebuah inputan tanggal pencarian atau laporan berdasarkan  per periode, biar terlihat keren inputan tanggalnya penulis buat dengan menggunakan datepicker, setelah script program selesai dibuat dan penulis jalankan ternyata tidak berjalan optimal, maksud dari tidak berjalan optimal adalah data yang dicari yang seharusnya tampil pada web browser karena datanya ada pada database kadang tampil kadang tidak. Misalnya data yang terinput pada database untuk penjualan barang pada bulan ini ada 10 data, tertulis untuk tanggal penjualannya dari mulai tanggal 2, 3, 4, 5, 6, 10, 12, 14, 15, 17. Ketika penulis menginputkan tanggal awal pada datepicker misalnya tanggal 1 dan tanggal akhirnya 30 pencarian data tampil pada web browser, namun ketika penulis menginputkan pencarian data untuk tanggal 1 dan tanggal 2 ternyata data tidak tampil. Intinya setiap data yang penulis inputkan data tanggal akhirnya kurang dari tanggal 20 data tersebut tidak tampil, namun kalau data tanggal akhirnya yang diinputkan adalah tanggal 21 kesana tampil, meskipun bulan yang diinputkan adalah bulan januari, padahal pada bulan januari tidak ada transaksi penjualan barang.

Setelah penulis berulang kali menjalankan script program yang penulis buat dan penulis berpikir apa mungkin data yang dikirim ke server untuk data tanggalnya berbeda, karena pada script program yang penulis buat format tanggal untuk datepickernya penulis setting menggunakan format tanggal bahasa Indonesia, karena format tanggal untuk database MySQL kan dimulai dari tahun, bulan, dan terakhir adalah tanggal. Otomatis data tanggal yang diinputkan oleh user dari web browser dan data tanggal yang dikirim ke server mengalami perubahan, karena server akan membaca sesuai format tanggal yang ada pada database MySQL, yaitu dimulai dari tahun, bulan, dan tanggal. Otomatis data yang dikembalikan oleh server untuk ditampilkan pada web browser tidak berjalan optimal. Setelah penulis mengira-ngirakan penyebabnya seperti itu, kemudian penulis berpikir untuk mencari jalan keluarnya. Karena permasalahan sudah jelas, yaitu format tanggal yang dikirim ke server tidak sesuai seperti yang diinputkan pada browser. Nah sekarang tinggal bagaimana agar data yang diinputkan pada browser tetap mengikuti format tanggal bahasa Indonesia, namun ketika akan dikirim ke server untuk pencarian data format tanggalnya dirubah menyesuaikan format tanggal pada database MySQL. Dan tidak lama kemudian terlintaslah dalam pikiran untuk membuat sebuah fungsi format tanggal. Jadi logikanya sebelum data tanggal yang akan dikirim ke server terkirim, maka data tanggal tersebut akan di format atau dirubah terlebih dahulu menyesuaikan format tanggal pada database MySQL, yaitu tahun, bulan, dan tanggal. Yuk kita langsung implementasikan script programnya.

Field Type Length Primary Key Autoincrement
id int 12
nota varchar 10
tanggal date
total int 12
dibayar int 12
kembali int 12

date_cari.php

Untuk tampilan akhirnya dapat Anda lihat dibawah ini :

date_cari

Artikel kali ini Penulis cukupkan sampai disini, Semoga apa yang telah penulis sampaikan ini dapat memberikan manfaat yang sebesar-besarnya..

Terima kasih..

Sumber Artikel : http://purbadian.com/read-article-17-solusi-pencarian-data-tidak-tampil-berdasarkan-tanggal-format-indonesia-pada-jquery-datepicker.html

Leave a Reply

Your email address will not be published. Required fields are marked *