How to select Time using Time Picker Dialog

To provide a widget for selecting a time, use the Time Picker widget , you to select the time of day in either 24 hour or AM/PM mode. The time consists of hours, minutes and clock format. Android provides this functionality through TimePicker class.

First we have to define the TimePicker component in our activity.xml. It is define as below −

<TimePicker
   android:id="@+id/timePicker"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content" />

<TimePicker

android:id="@+id/timePicker"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

After that you have to create an object of TimePicker class and get a reference of the above defined xml component.

import android.widget.TimePicker;
private TimePicker timePicker1;
timePicker = (TimePicker) findViewById(R.id.timePicker);

import android.widget.TimePicker;

private TimePicker timePicker1;

timePicker = (TimePicker) findViewById(R.id.timePicker);

In order to get the time selected by the user on the screen, you will use getCurrentHour() and getCurrentMinute() method of the TimePicker Class. Now insert the following code in the onCreate () method:

 @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      
      timePicker = (TimePicker) findViewById(R.id.timePicker);
      time = (TextView) findViewById(R.id.textView1);
      calendar = Calendar.getInstance();
      
      int hour = calendar.get(Calendar.HOUR_OF_DAY);
      int min = calendar.get(Calendar.MINUTE);
      showTime(hour, min);
   }
   //onclick set time button

   public void setTime(View view) {
      int hour = timePicker1.getCurrentHour();
      int min = timePicker1.getCurrentMinute();
      showTime(hour, min);
   }
// show selected time in text view 
   public void showTime(int hour, int min) {
      if (hour == 0) {
         hour += 12;
         format = "AM";
      } else if (hour == 12) {
         format = "PM";
      } else if (hour > 12) {
         hour -= 12;
         format = "PM";
      } else {
         format = "AM";
      }
		
      time.setText(new StringBuilder().append(hour).append(" : ").append(min)
      .append(" ").append(format));
   }

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

timePicker = (TimePicker) findViewById(R.id.timePicker);

time = (TextView) findViewById(R.id.textView1);

calendar = Calendar.getInstance();

int hour = calendar.get(Calendar.HOUR_OF_DAY);

int min = calendar.get(Calendar.MINUTE);

showTime(hour, min);

}

//onclick set time button

public void setTime(View view) {

int hour = timePicker1.getCurrentHour();

int min = timePicker1.getCurrentMinute();

showTime(hour, min);

}

// show selected time in text view

public void showTime(int hour, int min) {

if (hour == 0) {

hour += 12;

format = "AM";

} else if (hour == 12) {

format = "PM";

} else if (hour > 12) {

hour -= 12;

format = "PM";

} else {

format = "AM";

}

time.setText(new StringBuilder().append(hour).append(" : ").append(min)

.append(" ").append(format));

}

We can also achieve this functionality by TimePickerDialog, which presents the time picker in a floating dialog box at the press of a button. When the time is set by the user, a TextView will update with the new date.

On click of the button, write the below mentioned code.

button.setOnClickListener(new OnClickListener() {

        @Override
        public void onClick(View v) {
            // TODO Auto-generated method stub
            Calendar mcurrentTime = Calendar.getInstance();
            int hour = mcurrentTime.get(Calendar.HOUR_OF_DAY);
            int minute = mcurrentTime.get(Calendar.MINUTE);
            TimePickerDialog mTimePicker;
            mTimePicker = new TimePickerDialog(AddReminder.this, new TimePickerDialog.OnTimeSetListener() {
                @Override
                public void onTimeSet(TimePicker timePicker, int selectedHour, int selectedMinute) {
                    eReminderTime.setText( selectedHour + ":" + selectedMinute);
                }
            }, hour, minute, true);//Yes 24 hour time
            mTimePicker.setTitle("Select Time");
            mTimePicker.show();

        }
    });

button.setOnClickListener(new OnClickListener() {

@Override

public void onClick(View v) {

// TODO Auto-generated method stub

Calendar mcurrentTime = Calendar.getInstance();

int hour = mcurrentTime.get(Calendar.HOUR_OF_DAY);

int minute = mcurrentTime.get(Calendar.MINUTE);

TimePickerDialog mTimePicker;

mTimePicker = new TimePickerDialog(AddReminder.this, new TimePickerDialog.OnTimeSetListener() {

@Override

public void onTimeSet(TimePicker timePicker, int selectedHour, int selectedMinute) {

eReminderTime.setText( selectedHour + ":" + selectedMinute);

}

}, hour, minute, true);//Yes 24 hour time

mTimePicker.setTitle("Select Time");

mTimePicker.show();

}

});

Thanks for reading.

saumya dubey 23 April 2018

. . .

How to select Time using Time Picker Dialog

Leave a Comment Cancel Reply

Message Sent!