Tuesday, August 25, 2015

How to format DatePickerDialog selected date in Android

MainActivity.java

package com.cfsuman.androidtutorials;

import android.app.DatePickerDialog;
import android.app.Dialog;
import android.os.Bundle;
import android.widget.Button;
import android.widget.DatePicker;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.DialogFragment;
import java.text.DateFormat;
import java.util.Calendar;
import java.util.Date;
import java.util.Locale;


public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Get the widgets reference from XML layout
        Button button = findViewById(R.id.button);


        // Show the date picker dialog
        button.setOnClickListener(v -> {
            // Initialize a new date picker dialog fragment
            DialogFragment dFragment = new DatePickerFragment();

            // Show the date picker dialog fragment
            dFragment.show(
                    getSupportFragmentManager(),
                    "Date Picker"
            );
        });
    }



    public static class DatePickerFragment extends DialogFragment
            implements DatePickerDialog.OnDateSetListener{

        @NonNull
        @Override
        public Dialog onCreateDialog(Bundle savedInstanceState){
            final Calendar calendar = Calendar.getInstance();
            int year = calendar.get(Calendar.YEAR);
            int month = calendar.get(Calendar.MONTH);
            int day = calendar.get(Calendar.DAY_OF_MONTH);

            return new DatePickerDialog(
                    getActivity(),0, this,year,month,day);
        }


        public void onDateSet(
                DatePicker view, int year, int month, int day){

            // Get the text view from XML layout
            TextView textView = (TextView) requireActivity()
                    .findViewById(R.id.textView);


            // Show the chosen date
            // Because month index start from zero
            int actualMonth = month+1;
            // Display the unformatted date to TextView
            textView.setText(
                    "Year : " + year + ", Month : " + actualMonth
                            + ", Day : " + day + "\n\n");


            // Create a Date variable/object with user chosen date
            Calendar cal = Calendar.getInstance();
            cal.setTimeInMillis(0);
            cal.set(year, month, day, 0, 0, 0);
            Date chosenDate = cal.getTime();


            // Format the date using style medium and US locale
            DateFormat df_medium_us = DateFormat.getDateInstance(
                    DateFormat.MEDIUM, Locale.US);
            String df_medium_us_str = df_medium_us.format(chosenDate);
            // Display the formatted date
            textView.append(df_medium_us_str
                    + "\nDateFormat MEDIUM, Locale US\n\n");


            // Format the date using style medium and UK locale
            DateFormat df_medium_uk = DateFormat.getDateInstance(
                    DateFormat.MEDIUM, Locale.UK);
            String df_medium_uk_str = df_medium_uk.format(chosenDate);
            // Display the formatted date
            textView.append(df_medium_uk_str
                    + "\nDateFormat MEDIUM, Locale UK\n\n");


            // Format the date using style short
            DateFormat df_short = DateFormat
                    .getDateInstance(DateFormat.SHORT);
            String df_short_str = df_short.format(chosenDate);
            // Display the formatted date
            textView.append(df_short_str + " \nDateFormat SHORT\n\n");


            // Format the date using style long
            DateFormat df_long = DateFormat
                    .getDateInstance(DateFormat.LONG);
            String df_long_str = df_long.format(chosenDate);
            // Display the formatted date
            textView.append(df_long_str + " \nDateFormat LONG\n\n");



            // Format the date using style full
            DateFormat df_full = DateFormat
                    .getDateInstance(DateFormat.FULL);
            String df_full_str = df_full.format(chosenDate);
            // Display the formatted date
            textView.append(df_full_str + " \nDateFormat FULL");
        }
    }
}
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tool="http://schemas.android.com/tools"
    android:background="#DCDCDC"
    android:padding="24dp">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Set Date"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="24dp"
        android:fontFamily="sans-serif"
        android:textSize="24sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button"
        tool:text="TextView" />

</androidx.constraintlayout.widget.ConstraintLayout>