Android之日期时间选择控件DatePicker和TimePicker实例

概述这个月根据需求在项目中做了一个时间选择器，虽然没有用到Android原生的时间选择控件，但我羞愧地发现自己竟然从来没有用过这方面控件！趁现在有时间，赶紧查缺补漏，写一篇博客吧。

这个月根据需求在项目中做了一个时间选择器，虽然没有用到AndroID原生的时间选择控件，但我羞愧地发现自己竟然从来没有用过这方面控件！趁现在有时间，赶紧查缺补漏，写一篇博客吧。

（注：为了便于区分，本文将选择年月日的控件称为日期选择控件，将选择时分的控件称为时间选择控件。）

1、创建项目

新建一个项目，MainActivity的布局如下：

<linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  xmlns:tools="http://schemas.androID.com/tools"  androID:ID="@+ID/activity_main"  androID:layout_wIDth="match_parent"  androID:layout_height="match_parent"  androID:orIEntation="vertical"  androID:padding="10dp"  tools:context="com.lindroID.datetimepickerdemo.MainActivity">  <linearLayout    androID:ID="@+ID/ll_date"    androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content"    androID:orIEntation="horizontal">    <TextVIEw      androID:layout_wIDth="wrap_content"      androID:layout_height="wrap_content"      androID:text="选择日期:"      androID:textSize="18sp" />    <TextVIEw      androID:ID="@+ID/tv_date"      androID:layout_wIDth="match_parent"      androID:layout_height="wrap_content"      androID:background="#ededed"      androID:padding="8dp"      androID:textSize="18sp" />  </linearLayout>  <linearLayout    androID:ID="@+ID/ll_time"    androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content"    androID:layout_margintop="5dp"    androID:orIEntation="horizontal">    <TextVIEw      androID:layout_wIDth="wrap_content"      androID:layout_height="wrap_content"      androID:text="选择时间:"      androID:textSize="18sp" />    <TextVIEw      androID:ID="@+ID/tv_time"      androID:layout_wIDth="match_parent"      androID:layout_height="wrap_content"      androID:background="#ededed"      androID:padding="8dp"      androID:textSize="18sp" />  </linearLayout></linearLayout>

界面效果如下：

点击条目之后就会d出日期或者时间选择控件，点击确定按钮后，就会将选择的结果显示在浅灰色的方框中。

2、初始化控件和创建相关变量

2.1 初始化控件

初始化控件，并为两个linearLayout设置监听事件：

  private voID initVIEw() {    llDate = (linearLayout) findVIEwByID(R.ID.ll_date);    tvDate = (TextVIEw) findVIEwByID(R.ID.tv_date);    llTime = (linearLayout) findVIEwByID(R.ID.ll_time);    tvTime = (TextVIEw) findVIEwByID(R.ID.tv_time);    llDate.setonClickListener(this);    llTime.setonClickListener(this);  }

2.2 创建相关变量

使用Calendar类获取当前的日期时间。

  private int year,month,day,hour,minute;  private voID initDateTime() {    Calendar calendar = Calendar.getInstance();    year = calendar.get(Calendar.YEAR);    month = calendar.get(Calendar.MONTH) + 1;    day = calendar.get(Calendar.DAY_OF_MONTH);    hour = calendar.get(Calendar.HOUR);    minute = calendar.get(Calendar.MINUTE);  }

注意，calendar.get(Calendar.MONTH)获取到的月份下标是从0开始的，值为0时表示一月份，1时表示二月份，以此类推，所以必须加上1。

创建两个StringBuffer变量，用于拼接获取到的时间数据。

private StringBuffer date,time;

3、日期选择控件DatePicker

这里我们选择自定义AlertDialog的形式来显示选择控件。

日期选择控件自定义布局dialog_date.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="wrap_content"  androID:gravity="center_horizontal"  androID:orIEntation="vertical">  <DatePicker    androID:ID="@+ID/datePicker"    androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content"    androID:calendarVIEwShown="false"    androID:endYear="2027"    androID:startYear="2007" /></linearLayout>

只需放置一个DatePicker控件即可。不同版本的AndroID的DatePicker控件外观可能有所不同，比如AndroID4.4上是滚轮的形式，在7.0上则是一个日历视图。为了避免在4.4等低版本上显示出日历视图占用太多空间，可以将androID:calendarVIEwShown属性设为fasle。

继承接口DatePicker.OnDateChangedListener，实现日期改变的监听方法：

  @OverrIDe  public voID onDateChanged(DatePicker vIEw,int year,int monthOfYear,int dayOfMonth) {    this.year = year;    this.month = monthOfYear;    this.day = dayOfMonth;  }

这样就可以获取到用户选择的年月日数值了。下面就是创建AlertDialog了：

    AlertDialog.Builder builder = new AlertDialog.Builder(context);    builder.setPositivebutton("设置",new DialogInterface.OnClickListener() {      @OverrIDe      public voID onClick(DialogInterface dialog,int which) {        if (date.length() > 0) { //清除上次记录的日期          date.delete(0,date.length());        }        tvDate.setText(date.append(String.valueOf(year)).append("年").append(String.valueOf(month)).append("月").append(day).append("日"));        dialog.dismiss();      }    });    builder.setNegativebutton("取消",int which) {        dialog.dismiss();      }    });    final AlertDialog dialog = builder.create();    VIEw dialogVIEw = VIEw.inflate(context,R.layout.dialog_date,null);    final DatePicker datePicker = (DatePicker) dialogVIEw.findVIEwByID(R.ID.datePicker);    dialog.setTitle("设置日期");    dialog.setVIEw(dialogVIEw);    dialog.show();    //初始化日期监听事件    datePicker.init(year,month - 1,this);

DatePicker需要调用init方法初始化，传入年月日数值和OnDateChangedListener对象。要记住我们前面在给month赋值时已经是对应的月份数值了，而这里需要的是下标值，所以要减1。

运行之后，效果如图所示：

4、时间选择控件TimePicker

这里我们同样需要一个自定义的AlertDialog布局：

<?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="wrap_content"  androID:gravity="center"  androID:orIEntation="vertical">  <TimePicker    androID:ID="@+ID/timePicker"    androID:layout_wIDth="match_parent"    androID:layout_height="wrap_content"></TimePicker></linearLayout>

同样，我们需要监听时和分的变化，所以继承TimePicker.OnTimeChangedListener接口，实现以下的方法：

  @OverrIDe  public voID onTimeChanged(TimePicker vIEw,int hourOfDay,int minute) {    this.hour = hourOfDay;    this.minute = minute;  }

时间选择控件的初始化跟日期选择控件的有所不同，DatePicker一个init方法解决，但TimePicker的工作量稍大一点。看下面代码：

        timePicker.setCurrentHour(hour);        timePicker.setCurrentMinute(minute);        timePicker.setIs24HourVIEw(true); //设置24小时制        timePicker.setonTimeChangedListener(this);

除了要设置当前要显示的时和分之外，还要设置是24小时制还是12小时制。

效果图如下：

5、完整的MainActivity代码

package com.lindroID.datetimepickerdemo;import androID.app.AlertDialog;import androID.content.Context;import androID.content.DialogInterface;import androID.os.Bundle;import androID.support.v7.app.AppCompatActivity;import androID.vIEw.VIEw;import androID.Widget.DatePicker;import androID.Widget.linearLayout;import androID.Widget.TextVIEw;import androID.Widget.TimePicker;import java.util.Calendar;public class MainActivity extends AppCompatActivity implements VIEw.OnClickListener,DatePicker.OnDateChangedListener,TimePicker.OnTimeChangedListener {  private Context context;  private linearLayout llDate,llTime;  private TextVIEw tvDate,tvTime;  private int year,minute;  //在TextVIEw上显示的字符  private StringBuffer date,time;  @OverrIDe  protected voID onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentVIEw(R.layout.activity_main);    context = this;    date = new StringBuffer();    time = new StringBuffer();    initVIEw();    initDateTime();  }  /**   * 初始化控件   */  private voID initVIEw() {    llDate = (linearLayout) findVIEwByID(R.ID.ll_date);    tvDate = (TextVIEw) findVIEwByID(R.ID.tv_date);    llTime = (linearLayout) findVIEwByID(R.ID.ll_time);    tvTime = (TextVIEw) findVIEwByID(R.ID.tv_time);    llDate.setonClickListener(this);    llTime.setonClickListener(this);  }  /**   * 获取当前的日期和时间   */  private voID initDateTime() {    Calendar calendar = Calendar.getInstance();    year = calendar.get(Calendar.YEAR);    month = calendar.get(Calendar.MONTH) + 1;    day = calendar.get(Calendar.DAY_OF_MONTH);    hour = calendar.get(Calendar.HOUR);    minute = calendar.get(Calendar.MINUTE);  }  @OverrIDe  public voID onClick(VIEw v) {    switch (v.getID()) {      case R.ID.ll_date:        AlertDialog.Builder builder = new AlertDialog.Builder(context);        builder.setPositivebutton("设置",new DialogInterface.OnClickListener() {          @OverrIDe          public voID onClick(DialogInterface dialog,int which) {            if (date.length() > 0) { //清除上次记录的日期              date.delete(0,date.length());            }            tvDate.setText(date.append(String.valueOf(year)).append("年").append(String.valueOf(month)).append("月").append(day).append("日"));            dialog.dismiss();          }        });        builder.setNegativebutton("取消",int which) {            dialog.dismiss();          }        });        final AlertDialog dialog = builder.create();        VIEw dialogVIEw = VIEw.inflate(context,null);        final DatePicker datePicker = (DatePicker) dialogVIEw.findVIEwByID(R.ID.datePicker);        dialog.setTitle("设置日期");        dialog.setVIEw(dialogVIEw);        dialog.show();        //初始化日期监听事件        datePicker.init(year,this);        break;      case R.ID.ll_time:        AlertDialog.Builder builder2 = new AlertDialog.Builder(context);        builder2.setPositivebutton("设置",int which) {            if (time.length() > 0) { //清除上次记录的日期              time.delete(0,time.length());            }            tvTime.setText(time.append(String.valueOf(hour)).append("时").append(String.valueOf(minute)).append("分"));            dialog.dismiss();          }        });        builder2.setNegativebutton("取消",int which) {            dialog.dismiss();          }        });        AlertDialog dialog2 = builder2.create();        VIEw dialogVIEw2 = VIEw.inflate(context,R.layout.dialog_time,null);        TimePicker timePicker = (TimePicker) dialogVIEw2.findVIEwByID(R.ID.timePicker);        timePicker.setCurrentHour(hour);        timePicker.setCurrentMinute(minute);        timePicker.setIs24HourVIEw(true); //设置24小时制        timePicker.setonTimeChangedListener(this);        dialog2.setTitle("设置时间");        dialog2.setVIEw(dialogVIEw2);        dialog2.show();        break;    }  }  /**   * 日期改变的监听事件   *   * @param vIEw   * @param year   * @param monthOfYear   * @param dayOfMonth   */  @OverrIDe  public voID onDateChanged(DatePicker vIEw,int dayOfMonth) {    this.year = year;    this.month = monthOfYear;    this.day = dayOfMonth;  }  /**   * 时间改变的监听事件   *   * @param vIEw   * @param hourOfDay   * @param minute   */  @OverrIDe  public voID onTimeChanged(TimePicker vIEw,int minute) {    this.hour = hourOfDay;    this.minute = minute;  }}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android之日期时间选择控件DatePicker和TimePicker实例全部内容，希望文章能够帮你解决Android之日期时间选择控件DatePicker和TimePicker实例所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。