0% found this document useful (0 votes)
99 views6 pages

Data and Time Picker Android

This document discusses DatePicker and TimePicker widgets in Android. TimePicker allows users to select a time in 12 or 24 hour format, while DatePicker allows selection of a date including day, month, and year. It provides code samples to implement each widget, including setting listeners to retrieve the selected time or date when a button is clicked. The code displays the selection in a toast notification.

Uploaded by

Nurul Fadila
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
99 views6 pages

Data and Time Picker Android

This document discusses DatePicker and TimePicker widgets in Android. TimePicker allows users to select a time in 12 or 24 hour format, while DatePicker allows selection of a date including day, month, and year. It provides code samples to implement each widget, including setting listeners to retrieve the selected time or date when a button is clicked. The code displays the selection in a toast notification.

Uploaded by

Nurul Fadila
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
You are on page 1/ 6

BAB XIV

DATETIME PICKER

Pengertian :

 TimePicker: Layout yang memperbolehkan user untuk seleksi waktu dalam sehari
baik dalam format 12 ataupun 24 Jam

 DatePicker: Layout yang memperbolehkan user untuk melakukan seleksi tanggal.


Seperti : Tanggal, Bulan, Tahun.

Time Picker

1. Klik File -> New ,lalu klik Android Application Project.

Aplication Name TimePickerSample


Build Target Android 4.0
Package Name com.example.timepickersample
Android Target Android 4.0
Activity Name MainActivity
Layout name Activity_main
2. Ubahlah layout/activity_main.xml menjadi seperti dibawah ini

<LinearLayout //script pembuka pada layout relatif


xmlns:android=http://schemas.android.com/apk/res/android
xmlns:tools=http://schemas.android.com/tools
android:layout_width="match_parent" //lebar layout sesuai parent/ortu
android:layout_height="match_parent" //tinggi layout sesuai parent/ortu
android:orientation="vertical" // orientasinya adalah vertical
tools:context=".MainActivity"

<TextView // identitas widget textview


android:layout_width="wrap_content" // lebar layout berdasarkan lebar isi
android:layout_height="wrap_content" //tinggi layout berdasarkan tinggi isi
android:text="Select time and click Set button" // teks yang ditampilkan
/>

<TimePicker //identitas widget timepicker


android:id="@+id/tp" //nama id pada widget
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>

<Button // identitas widget Button


android:id="@+id/set"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Set"
/>

</LinearLayout> //script penutup pada layout relatif

4. Ubahlah src/MainAcrivity.xml menjadi seperti dibawah ini

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TimePicker;
import android.widget.Toast;
public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

final TimePicker tp = (TimePicker) findViewById(R.id.tp);


tp.setIs24HourView(true);
final Button set = (Button) findViewById(R.id.set);
set.setOnClickListener(new OnClickListener() {

@Override
public void onClick(View v) {
Toast.makeText(
MainActivity.this,
(tp.getCurrentHour() % 12 == 0 ? 12 : tp
.getCurrentHour() % 12)
+":"
+ tp.getCurrentMinute()
+""
+ ((tp.getCurrentHour() > 11
&& tp.getCurrentHour() < 24) ? "PM" : "AM"),
Toast.LENGTH_SHORT).show();

}
});
}
}

Penjelasan Program :
Method getCurrentHour() digunakan untuk mendapat jam saat ini
getCurrentMinute()digunakan untuk mendapat menit saat ini
Date Picker

1. Klik File -> New ,lalu klik Android Application Project.

Aplication Name DatePickerSample


Build Target Android 4.0
Package Name com.example.datepickersample
Android Target Android 4.0
Activity Name MainActivity
Layout name Activity_main

2. Ubahlah layout/activity_main menjadi seperti ini

<LinearLayout //script pembuka pada layout relatif


xmlns:android=http://schemas.android.com/apk/res/android
xmlns:tools=http://schemas.android.com/tools
android:layout_width="match_parent”
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity" >

<TextView // identitas widget textview


android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Choose a date and press Set button" />
<DatePicker // identitas widget datepicker
android:id="@+id/dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
/>

<Button // identitas widget button


android:id="@+id/set"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Set"

/>
</LinearLayout>

3. Ubahlah src/MainActivity menjadi seperti ini

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.Toast;

Lalu Ketik program android anda contoh syntax program DatePicker :

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final DatePicker dp = (DatePicker) findViewById(R.id.dp);
final Button setBtn = (Button) findViewById(R.id.set);

setBtn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, dp.getDayOfMonth() + " " + dp.getMonth() +
" " + dp.getYear(), Toast.LENGTH_SHORT).show();

}
});
}

Penjelasan program :
Method getDayOfMonth() digunakan untuk mendapatkan tanggal pada bulan ini
getMonth() mendapatkan bulan ini
getYear() mendapatkan tahun ini

You might also like