Membuat Datepicker
Datepicker adalah alat input yang digunakan untuk tanggal dengan bentuk box
dengan desain dalam bentuk kalender.
Membuat Datepicker ada beberapa cara :
1. Datepicker menggunakan Jquery
2. Datepicker Bootstrap
1. Datepicker menggunakan Jquery
2. Datepicker Bootstrap
Cara Membuat Datepicker Menggunakan Jquery
1. Masukkan code dibawah ini didalam <head> sintak HTML.
2. Masukkan code dibawah ini didalam <head> sintak HTML.1. Masukkan code dibawah ini didalam <head> sintak HTML.
Code dibawah berfungsi untuk tampilan.
Code dibawah berfungsi untuk perintah.
Untuk poin 1 dan 2 hanya memanggil secara otomatis.
Apabila koneksi internet tidak ada, Code tersebut tidak akan berfungsi.
3. Masukkan code dibawah ini didalam <head> sintak HTML.
4. Copy code dibawah ini didalam <body> sintak HTML.
<p>Date: <input type="text" id="datepicker"></p>
Pada poin 3 didalam script sudah dibuat ID dengan nama "datepicker",
maka pada tampilan di poin 4, ID tersebut kita panggil.
5. Tampilannya akan terlihat seperti berikut.
Cara Membuat Datepicker Bootstrap
1. Masukkan code berikut pada gemfile.
gem 'bootstrap-datepicker-rails'
2. Lalu install gem tersebut pada dengan memasukkan code dibawah pada terminal.
bundle install
3. Masukkan code dibawah pada file app/assets/stylesheets/application.css
*= require bootstrap-datepicker
# kalau memakai bootstrap v3 pakai yang ini :
*= require bootstrap-datepicker3
4. Masukkan code dibawah pada file app/assets/javascripts/application.js
//= require bootstrap-datepicker
5. Masukkan code dibawah pada folder view didalam file yang akan memakai
datepicker.
6. Tampilannya akan terlihat seperti berikut.
Tidak ada komentar:
Posting Komentar