Selasa, 16 Januari 2018

Implementasi jQuery → DatePicker


Assalamualaikum, Wr.Wb



A. JUDUL

Implementasi jQuery → DatePicker

B. PENDAHULUAN

1. Pengertian

Jquery ?

Menurut jquery.com "jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript."
Atau dalan bahasa Indonesia jQuery adalah perpustakaan JavaScript yang cepat, kecil, dan kaya fitur. Ini membuat hal-hal seperti traversal dan manipulasi dokumen HTML, penanganan event, animasi, dan Ajax lebih sederhana dengan API yang mudah digunakan yang bekerja di banyak browser. Dengan kombinasi fleksibilitas dan kemampuan diperpanjang, jQuery telah mengubah cara jutaan orang menulis JavaScript. 
 

2. Latar Belakang

Mengapa jQuery DatePicker?

Datepicker terikat pada field input form standar. Fokus pada input (klik, atau gunakan tombol tab) untuk membuka kalender interaktif dalam hamparan kecil. Pilih tanggal, klik di tempat lain pada halaman (blur the input), atau tekan tombol Esc untuk menutup. Jika tanggal dipilih, umpan balik akan ditampilkan sebagai nilai input.

Apa kegunaan dan keunggulan?
  • Mudah untuk digunakan
  • Bisa disetting bahasa Indonesia

3. Maksud danTujuan
  • Lebih mudah digunakan
  • Mempercanti tanggal
  • Agar menjadi center of interest
4. Hasil yang Diharapkan
  • Tanggal dapat disetting Bahasa Indonesia

C. ALAT dan BAHAN
  • Laptop
  • Browser
  • Acsess Internet

D. JANGKA WAKTU

2 jam



E. LANGKAH-LANGKAH

1. Menyiapkan web yang dibuat sebelumnya

2. Menambah jquery yang khusus digunakan untuk datepicker bahasa indonesia


3. Melihatnya di browser



4. Agar lebih menarik kita gunakan tombol untuk kalendernya




5. Akan tetapi, tombolnya masih berupa button kita ganti menjadi gambar ya




F. HASIL yang DIDAPAT

Datepicker sudah dapat saya terapkan di web yang saya buat minggu sebelumnya.



G. PENEMUAN PERMASALAHAN

Ketika mencari akan memasukkan jquery, maka datepicker id nya. Karena untuk datepicker yang bahasa indonesia harus ada plugin tersendiri. Tangggal yang ditampilkan tidak rapi.




Itu terjadi karena bentrokan antara style css yang saya buat dengan javascript nya. akhirnya saya menghilangkan membenahi css yang saya buat.



H. KESIMPULAN

Untuk datepicker tidak hanya dalam bahasa inggris saja. Akan tetapi, juga bisa di setting bahasa Indonesia. Eiiittzz!^_^ Tapi masih butuk plugin jquery nya ya. Bisa di download disini.



I. REFERENSI

Tidak ada komentar:
Write komentar