Android Studio - I would like to show an datepicker by button in Dialogfragment

Question

Pardon me for my poor English. And I am new in Android studio.

I would like to show a date picker by a button in Dialogfragment. I can show a date picker in my activity, in my fragment, but I have no idea to add it in my Dialogfragment.

I think my problem is I have two "onCreateDialog", one for myDialogfragment, one for a date picker.

Can someone help or suggest?

https://stackoverflow.com/q/39916178/6559031 check this answer — Devil10, Aug 15 '18 at 03:18
Possible duplicate of [How to show DatePickerDialog on Button click?](https://stackoverflow.com/questions/39916178/how-to-show-datepickerdialog-on-button-click) — Rubick, Aug 15 '18 at 03:25
thanks. I saw the page but it can't resolve my problem. :( I would like to show it in Dialog Fragment. — Una, Aug 15 '18 at 03:31
datepicker itself a dialog fragment. But if you want as your requirement then you can simply take a button and show dialog there as mention in the link above provided — Devil10, Aug 15 '18 at 04:06
Could you show your code?. Now, you opened a dialog and you want to show datepicker dialog? — RoShan Shan, Aug 15 '18 at 04:43

Shashank Pujari · Answer 1 · 2018-08-15T06:29:09.023

For Date and Time we will create Two Fragment classes.
DatePickerFragment

package com.shashank;

import android.annotation.SuppressLint;
import android.app.DatePickerDialog;
import android.app.Dialog;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.v4.app.DialogFragment;
import android.widget.DatePicker;
import android.widget.TextView;

import java.util.Calendar;

@SuppressLint("ValidFragment")
public class DatePickerFragment extends DialogFragment implements 
DatePickerDialog.OnDateSetListener {
private TextView tvdate;

@SuppressLint("ValidFragment")
public DatePickerFragment(TextView etIncomeDate) {
    this.tvdate = etIncomeDate;
}


@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {

    Calendar c = Calendar.getInstance();
    int year = c.get( Calendar.YEAR );
    int month = c.get( Calendar.MONTH);
    int day = c.get( Calendar.DAY_OF_MONTH );
    return new DatePickerDialog(getActivity(), (DatePickerDialog.OnDateSetListener) this, year, month, day);
}

@Override
public void onDateSet(DatePicker view, int year, int month, int dayOfMonth) {
   populateSetDate(year, month+1, dayOfMonth );
}
public void populateSetDate(int year, int month, int day) {
    if(day<=9 && month <=9)
    {
        tvdate.setText(year+"-"+"0"+month+"-"+"0"+day);
    }
    else if(day<=9 && month>9)
    {
        tvdate.setText(year+"-"+month+"-"+"0"+day);
    }
    else if(day>9 && month<=9){
        tvdate.setText(year+"-"+"0"+month+"-"+day);
    }
    else{
        tvdate.setText(year+"-"+month+"-"+day);
    }
}
}

TimePickerFragment

package com.shashank;

import android.annotation.SuppressLint;
import android.app.Dialog;
import android.app.TimePickerDialog;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.v4.app.DialogFragment;
import android.widget.TextView;
import android.widget.TimePicker;

import java.util.Calendar;

@SuppressLint("ValidFragment")
public class TimePickerFragment extends DialogFragment implements 
TimePickerDialog.OnTimeSetListener{
private TextView tvTime;
private Calendar c;

@SuppressLint("ValidFragment")
public TimePickerFragment(TextView etIncomeTime) {
    this.tvTime = etIncomeTime;
}

@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
     c = Calendar.getInstance();
    int hour = c.get( Calendar.HOUR_OF_DAY );
    int minute = c.get( Calendar.MINUTE );
    return new TimePickerDialog( getActivity(), (TimePickerDialog.OnTimeSetListener) this, hour, minute, android.text.format.DateFormat.is24HourFormat(getContext()) );
}


@Override
public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
    populateSetTime(hourOfDay, minute);
}

public void populateSetTime(int hour, int minute) {
    if(minute<=9 ||minute==0)
    tvTime.setText(hour+":0"+minute);
    else
        tvTime.setText( hour+":"+minute );
}
public String checkAmPm(){
    String am_pm = " ";
    if (c.get(Calendar.AM_PM) == Calendar.AM)
        am_pm = "AM";
    else if (c.get(Calendar.AM_PM) == Calendar.PM)
        am_pm = "PM";

    return am_pm;
}
}

Now create a Fragment class with layout where we can put Date and Time Picker.

fragment_home.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:padding="16dp">

<LinearLayout
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_marginBottom="20dp">
    <TextView
        android:id="@+id/etDate"
        android:layout_width="180dp"
        android:layout_height="45dp"
        android:layout_gravity="center"
        android:ems="10"
        android:gravity="center"
        android:hint="DD/MM/YYYY"
        android:inputType="date"
        android:padding="5dp"
        android:textSize="18sp" />
    <TextView
        android:layout_width="90dp"
        android:layout_height="45dp"
        android:text="Date"
        android:layout_gravity="center"
        android:gravity="center"
        android:textSize="18sp"
        android:id="@+id/etHintDate"/>

</LinearLayout>

<LinearLayout
    android:layout_width="300dp"
    android:layout_height="wrap_content"
    android:layout_gravity="center">
    <TextView
        android:id="@+id/etTime"
        android:layout_width="180dp"
        android:layout_height="45dp"
        android:layout_gravity="center"
        android:ems="10"
        android:hint="HH:MM"
        android:gravity="center"
        android:inputType="date"
        android:padding="5dp"
        android:textSize="18sp"
        android:layout_marginRight="5dp"
        />
    <TextView
        android:layout_width="85dp"
        android:layout_height="45dp"
        android:text="Time"
        android:layout_gravity="center"
        android:gravity="center"
        android:textSize="18sp"
        android:id="@+id/etHintTime"/>

</LinearLayout>

</LinearLayout>

HomeFragment

package com.shashank;

import android.content.Intent;
import android.os.Bundle;
import android.support.v4.app.DialogFragment;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.EditText;
import android.app.AlertDialog;
import android.app.ProgressDialog;
import android.content.DialogInterface;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;

import com.shashank.DatePickerFragment;
import com.shashank.TimePickerFragment;

import java.util.Calendar;
import java.util.List;

public class HomeFragment extends Fragment {

String date, time = null;

final String DATE_PATTERN = "(0?[1-9]|1[012]) [/.-] (0?[1-9]|[12][0-9]|3[01]) [/.-] ((19|20)\\d\\d)";
TextView etDate, etTime, etHintDate, etHintTime;
private  int year, month , day, hour, minute;


public HomeFragment() {
    // Required empty public constructor
}


@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    getActivity().setTitle("Date Time Picker");
    // Inflate the layout for this fragment
    View view = inflater.inflate( R.layout.fragment_home,container, false );


    etDate = (TextView) view.findViewById( R.id.etDate );
    etTime = (TextView) view.findViewById( R.id.etTime );

    etHintDate= (TextView) view.findViewById( R.id.etHintDate);
    etHintTime = (TextView) view.findViewById( R.id.etHintTime );

    Calendar cal = Calendar.getInstance();
    int year = cal.get( Calendar.YEAR );
    int month = cal.get( Calendar.MONTH);
    int day = cal.get( Calendar.DAY_OF_MONTH );
    int hour = cal.get( Calendar.HOUR_OF_DAY );
    int minute = cal.get( Calendar.MINUTE );
    etDate.setText( year+"-"+"0"+month+"-"+day );
    etTime.setText( hour+":"+minute );


        @Override
        public void onClick(View view) {
            date = etDate.getText().toString();
            time = etTime.getText().toString();
        }


    etHintTime.setOnClickListener( new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            DialogFragment newFragment = new TimePickerFragment(etTime);
            newFragment.show(getFragmentManager(), "TimePicker");


        }
    } );

    etHintDate.setOnClickListener( new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            DialogFragment newFragment = new DatePickerFragment(etDate);
            newFragment.show(getFragmentManager(), "DatePicker");

        }
    } );


    return view;
}
}

Now you can use Date and Time Picker on any page by importing:

import com.shashank.DatePickerFragment;
import com.shashank.TimePickerFragment;

in the same project.

Android Studio - I would like to show an datepicker by button in Dialogfragment

1 Answers1