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

这个月根据需求在项目中做了一个时间选择器，虽然没有用到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>

界面效果如下：

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

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("取消", new DialogInterface.OnClickListener() {
      @Override
      public void onClick(DialogInterface dialog, 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, day, 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, month, day, hour, 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("取消", new DialogInterface.OnClickListener() {
          @Override
          public void onClick(DialogInterface dialog, 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, day, this);
        break;
      case R.id.ll_time:
        AlertDialog.Builder builder2 = new AlertDialog.Builder(context);
        builder2.setPositiveButton("设置", new DialogInterface.OnClickListener() {
          @Override
          public void onClick(DialogInterface dialog, 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("取消", new DialogInterface.OnClickListener() {
          @Override
          public void onClick(DialogInterface dialog, 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 year, int monthOfYear, int dayOfMonth) {
    this.year = year;
    this.month = monthOfYear;
    this.day = dayOfMonth;
  }

  /**
   * 时间改变的监听事件
   *
   * @param view
   * @param hourOfDay
   * @param minute
   */
  @Override
  public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
    this.hour = hourOfDay;
    this.minute = minute;
  }
}

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

# Android  # datepicker日期控件  # android中日期选择器  # android日期选择器  # Android开发实现日期时间控件选择  # Android 自定义日期段选择控件功能(开始时间-结束时间)  # Android滚轮选择时间控件使用详解  # 轻松实现可扩展自定义的Android滚轮时间选择控件  # Android中的TimePickerView(时间选择器)的用法详解  # android时间选择控件之TimePickerView使用方法详解  # 自定义  # 有所不同  # 的是  # 就会  # 太多  # 则是  # 只需  # 设为  # 但我  # 从来没  # 是从  # 以此类推  # 弹出  # 发现自己  # 会将  # 并为  # 为了避免  # 值为  # 框中  # 大家多多 

相关文章： 常州自助建站工具推荐：低成本搭建与模板选择技巧  免费ppt制作网站,有没有值得推荐的免费PPT网站？  高端智能建站公司优选：品牌定制与SEO优化一站式服务  云南网站制作公司有哪些,云南最好的招聘网站是哪个？  宁波自助建站系统如何快速打造专业企业网站？  如何在西部数码注册域名并快速搭建网站？  如何在IIS中新建站点并解决端口绑定冲突？  如何用西部建站助手快速创建专业网站？  南平网站制作公司,2025年南平市事业单位报名时间？  网站建设设计制作营销公司南阳,如何策划设计和建设网站？  如何通过远程VPS快速搭建个人网站？  建站之星如何实现网站加密操作？  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  深圳企业网站制作设计,在深圳如何网上全流程注册公司？  建站主机数据库如何配置才能提升网站性能？  建站主机如何选？高性价比方案全解析  如何在Windows虚拟主机上快速搭建网站？  香港服务器如何优化才能显著提升网站加载速度？  高配服务器限时抢购：企业级配置与回收服务一站式优惠方案  网站插件制作软件免费下载,网页视频怎么下到本地插件？  定制建站如何定义？其核心优势是什么？  怀化网站制作公司,怀化新生儿上户网上办理流程？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  利用JavaScript实现拖拽改变元素大小  如何通过NAT技术实现内网高效建站？  个人摄影网站制作流程,摄影爱好者都去什么网站？  极客网站有哪些,DoNews、36氪、爱范儿、虎嗅、雷锋网、极客公园这些互联网媒体网站有什么差异？  在线教育网站制作平台,山西立德教育官网？  如何零成本快速生成个人自助网站？  七夕网站制作视频,七夕大促活动怎么报名？  如何使用Golang安装API文档生成工具_快速生成接口文档  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  香港服务器租用费用高吗？如何避免常见误区？  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  如何通过PHP快速构建高效问答网站功能？  智能起名网站制作软件有哪些,制作logo的软件？  如何在云指建站中生成FTP站点？  如何在Tomcat中配置并部署网站项目？  如何制作一个表白网站视频,关于勇敢表白的小标题？  建站之星如何配置系统实现高效建站？  教程网站设计制作软件,怎么创建自己的一个网站？  如何在阿里云高效完成企业建站全流程？  如何通过西部建站助手安装IIS服务器？  如何快速搭建个人网站并优化SEO？  交易网站制作流程,我想开通一个网站，注册一个交易网址，需要那些手续？  高性能网站服务器部署指南：稳定运行与安全配置优化方案  购物网站制作费用多少,开办网上购物网站，需要办理哪些手续？  用v-html解决Vue.js渲染中html标签不被解析的问题  如何配置IIS站点权限与局域网访问？