Cara Membuat Date Range Picker Android

Posted on

Cara Membuat Date Range Picker Android – Halo devandro! Pada tutorial pemrograman android kali ini saya ingin membagikan bagaimana cara membuat date range picker android. Maksudnya date range picker ini bagaimana ? Biasanya date range picker ini ditemui pada kasus fitur date booking gitu seperti di Traveloka ataupun aplikasi travel lainnya. Di tutorial pemrograman android ini kita akan memakai sebuah library dan sedikit di kustom oleh kita. Nama library date range picker android ini adalah SublimePicker dari user github vikramkakkar, untuk link github library resminya devandro bisa menuju ke link ini : vikramkakkar/SublimePicker.

cara membuat date range picker android

Kutipan readme SublimePicker :

A customizable view that provisions picking of a date, time & recurrence option, all from a single user-interface. You can also view ‘SublimePicker’ as a collection of material-styled (API 23) DatePicker, TimePicker & RecurrencePicker, backported to API 14.

With the release of version 2, SublimePicker now allows date-range selection.

All three components have been converted to views, which enables us to add/embed them anywhere – add them to a ‘Dialog’, a ‘PopupWindow’, or use them as any regular android widget.

Almost all styling possibilities have been exposed through attrs. If something has been missed, please bring it to my attention.

SublimePicker provides a single point of entry to all three pickers. What I mean is that once SublimePicker is available for interaction, the user can select a date, a time & a recurrence option without leaving the picker.

 

Mungkin itu deskripsi sekilas tentang tutorial pemrograman android kali ini. Agar tidak berpanjang lebar lagi, yuk disimak dan dipelajari cara membuat date range picker android ini.

 

Pertama,

Buatlah sebuah project dengan nama SampleDateRangePicker.

Kedua,

Buatlah empty activity dan namakan activity tersebut dengan DateRangePickerActivity.

Ketiga,

Buka build.gradle (module:app) lalu tambahkan library SumblimePicker tersebut. Untuk kodenya adalah seperti ini :

Untuk full source code di build.gradle (module:app) seperti ini :

Keempat,

Buka activity_date_range_picker.xml lalu tambahkan komponen berikut ini :

Kelima,

Buatlah sebuah class baru dengan nama SublimePickerFragment dan ber-extends DialogFragment. Nah disini sudah saya sedikit custom codenya karena kebutuhan kita hanya untuk Date Range Picker saja. Untuk kode yang ada di SublimePickerFragment seperti  ini :

Keenam,

Buka DateRangePickerActivity lalu jangan lupa untuk inisialisasi komponen yang sudah kita buat. Lalu tambahkan juga String mDateStart dan String mDateEnd. String ini berfungsi untuk menyimpan value yang kita set dari start date dan end date range picker.

Ketujuh,

Buatlah sebuah method dengan nama openDateRangePicker lalu tambahkan kode berikut :

Kedelapan,

Didalam onCreate lalu tambahkan kode berikut :

Untuk full source code di DateRangePickerActivity seperti ini :

Kesembilan,

Silahkan jalankan aplikasi devandro! Aplikasi akan muncul seperti ini :

Cara Membuat Date Range Picker Android Cara Membuat Date Range Picker Android

Download project Cara Membuat Date Range Picker Android

[sociallocker]

download project

[/sociallocker]

 

BACA JUGA :

Membuat Session Login Logout Menggunakan SharedPreferences Android

Cara Membuat Date Picker di Android

Tutorial Membuat RecyclerView dengan Checkbox

 

Sekian artikel tutorial pemrograman android mengenai Cara Membuat Date Range Picker Android. Semoga bermanfaat dan jika ada kesulitan atau ada yang bingung bisa berkomentar artikel ini. Hatur Nuhun!

Gravatar Image
Seorang manusia biasa yang mempunyai fokus ke bidang pemrograman android dan ngeblog mengenai teknologi.

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.