Android tutorial - datepicker in android - android app development - android studio - android development tutorial



 android date time picker output

Android DatePicker:

  • Android Date Picker allows you to select the date consisting of day, month and year in your custom user interface.
  • For this functionality android provides DatePicker and DatePickerDialog components.
  • In Android, DatePicker is a widget used to select a date.
  • It allows to select date by day, month and year in your custom UI (user interface).
  • If we need to show this view as a dialog then we have to use a DatePickerDialog class. For selecting time Android also provides timepicker to select time.
  • A date picker, popup calendar, date and time picker, or time picker is a graphical user interface widget which allows the user to select a date from a calendar and/or time from a time range.
  • The typical practice is to provide a text box field which,
  • when clicked upon to enter a date,
  • pops up a calendar next to or below the field,
  • allowing the user to populate the field with an appropriate date,
  • provides a text box with an icon of a calendar such that when the icon is clicked on, the calendar (or time field) appears.
  • The date picker provides several advantages, including:
  • allowing the user to enter a date by merely clicking on a date in the pop-up calendar as opposed to having to take their hand off the mouse to type in a date.
  • validation of dates by restricting date ranges, e.g. only after today and for two weeks later, or only for dates in the past.
  • a date range can be entered such that for a set of "from-to" date fields,
  • if the "from" field is filled, the "to" field cannot be set to a date before the "from" field, or if the "to" field is filled,
  • the "from" field cannot be set to a later date than the "to" field.
  • Only legal dates can be entered, e.g. February 29, 2100 can't be entered, nor could June 31.
  • Date format confusion is eliminated, e.g. is 7/4/10 July 4, 2010, April 7, 2010, or April 10, 2007?
  • Android DatePicker is a widget to select date.
  • This control allows you to select date by day, month and year. Like DatePicker, android also provides TimePicker to select time.
  • The android.widget.DatePicker is the subclass of FrameLayout class.
 android date time picker
android development tutorial

Android DatePicker Example

android programming - android software - android emulator

1. DatePicker

  • 1. DatePicker
  • Open “res/layout/main.xml” file, add date picker, label and button for Demo - android emulator - android tutorialnstration.
  • File: res/layout/main.xml
android codes - android tutorial - android sdk
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/btnChangeDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Change Date" />

    <TextView
        android:id="@+id/lblDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Current Date (M-D-YYYY): "
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <TextView
        android:id="@+id/tvDate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text=""
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <DatePicker
        android:id="@+id/dpResult"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>
click below button to copy the code from android tutorial team

2. Code Code

  • File: MyAndroidAppActivity.java
android codes - android tutorial - android sdk
package com.wikitechy.android;

import java.util.Calendar;
import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.Dialog;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.TextView;

public class MyAndroidAppActivity extends Activity {

	private TextView tvDisplayDate;
	private DatePicker dpResult;
	private Button btnChangeDate;

	private int year;
	private int month;
	private int day;

	static final int DATE_DIALOG_ID = 999;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);

		setCurrentDateOnView();
		addListenerOnButton();

	}

	// display current date
	public void setCurrentDateOnView() {

		tvDisplayDate = (TextView) findViewById(R.id.tvDate);
		dpResult = (DatePicker) findViewById(R.id.dpResult);

		final Calendar c = Calendar.getInstance();
		year = c.get(Calendar.YEAR);
		month = c.get(Calendar.MONTH);
		day = c.get(Calendar.DAY_OF_MONTH);

		// set current date into textview
		tvDisplayDate.setText(new StringBuilder()
			// Month is 0 based, just add 1
			.append(month + 1).append("-").append(day).append("-")
			.append(year).append(" "));

		// set current date into datepicker
		dpResult.init(year, month, day, null);

	}

	public void addListenerOnButton() {

		btnChangeDate = (Button) findViewById(R.id.btnChangeDate);

		btnChangeDate.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {

				showDialog(DATE_DIALOG_ID);

			}

		});

	}

	@Override
	protected Dialog onCreateDialog(int id) {
		switch (id) {
		case DATE_DIALOG_ID:
		   // set date picker as current date
		   return new DatePickerDialog(this, datePickerListener,
                         year, month,day);
		}
		return null;
	}

	private DatePickerDialog.OnDateSetListener datePickerListener
                = new DatePickerDialog.OnDateSetListener() {

		// when dialog box is closed, below method will be called.
		public void onDateSet(DatePicker view, int selectedYear,
				int selectedMonth, int selectedDay) {
			year = selectedYear;
			month = selectedMonth;
			day = selectedDay;

			// set selected date into textview
			tvDisplayDate.setText(new StringBuilder().append(month + 1)
			   .append("-").append(day).append("-").append(year)
			   .append(" "));

			// set selected date into datepicker also
			dpResult.init(year, month, day, null);

		}
	};

}
click below button to copy the code from android tutorial team
android development tutorial

3. Demo - android emulator - android tutorial

  • Run the application.
  • Result, “date picker” and “textview” are set to current date.
 date picker dialog box
  • Click on the “Change Date” button, it will prompt a date picker component in a dialog box via DatePickerDialog.
 text view
  • Both “date picker” and “textview” are updated with selected date.
 datetime dialog box

Related Searches to datepicker in android