Tutorial Codeigniter Part 11 – Menggunakan Datepicker

codeigniter-kcdev
Advertisements

Tutorial kali ini melanjutkan aplikasi alumni sesuai dengan carutu kita pada tutorial part 0. Sebelumnya kita telah berhasil membuat modul login dan modul users. Sesaat lagi kita akan membuat modul events untuk menampilkan jadwal event-event terdekat. Setiap event yang akan kita input pastinya memiliki tanggal mulai dan tanggal berakhir nya. Nah disini kita akan membuat input tanggal ini menggunakan datepicker. Jadi kita tidak perlu menuliskan format tanggal secara manual pada form event kita nanti.

kcdev-dashboard

Framework CSS Materialize sendiri sudah mempunyai plugin datepicker sendiri yang bernama pickadate. Plugin inilah yang akan kita gunakan pada form kita. Oke kita mulai saja coding nya.

1. Membuat Table Events Pada Database

Pertama-tama kita harus membuat table events pada database dimana table inilah yang akan menampung semua data events pada aplikasi kita.

2. Membuat Controller Events

Sama seperti controller users yang telah kita buat sebelumnya, controller inilah yang akan menangani logic modul event. Pada folder application/controllers buat sebuah file baru bernama Events.php yang berisi kode berikut.

3. Membuat Model Events

Tugas selanjutnya adalah membuat model events. Pada folder application/models buat file baru bernama Model_events.php.

4. Membuat View Untuk Modul Events

Berikutnya kita akan membuat 3 file view sama seperti di modul users. Yaitu:

File application/views/events/eventList.php

Advertisements

File application/views/events/eventAdd.php

Dan terakhir file application/views/events/eventEdit.php

5. Memperbarui Template Sidebar Dan KCDEV.JS

Pada template sidebar kita akan menambahkan menu baru yaitu menu events. Menu baru ini bisa dilihat oleh semua level user.

Nah tugas yang terakhir adalah me-load plugin pickadate pada file kcdev.js.

6. Testing

Untuk mengetahui apakah pekerjaan yang telah kita lakukan berhasil, kita akan mencoba untuk menambahkan event baru melalui alamat http://localhost/codeigniter/events/add. Pada saat kita mengklik input tanggal mulai atau input tanggal berakhir maka secara automatis datepicker kita akan muncul seperti gambar di bawah ini. Jika tidak mungkin adiks melewatkan salah satu step-step di atas. Atau jika masih kebingugan bisa langsung clone fike-file yang digunakan pada tutorial ini -> disini <-

tutorial codeigniter menggunakan datepicker

Oke diks, tetap semangat belajar dan berbagi, seperti sabda Rasulullah SAW:

Siapa yang keluar untuk menuntut ilmu maka ia berjuang fisabilillah hingga ia kembali.

Advertisements

Semoga bermanfaat, sekian dan terima kasih.

kaceManaf

 

Author: kaceManaf

Founders of kcdev.id, freelance full stack web developer and also a web-tech wanderer. Passionate about code readability and simplicity. https://www.linkedin.com/in/nafplann/

12 Replies to “Tutorial Codeigniter Part 11 – Menggunakan Datepicker

  1. Tolong revisi gan, ada beberapa code yang hilang:
    File application/views/events/eventList.php (Baris 6 – 11)
    File application/views/events/eventAdd.php (Baris 9 – 12)
    File application/views/events/eventEdit.php (Baris 9 – 12)

Leave a Reply

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