2018-06-25 Android之日期时间选择控件DatePicker和TimePicker

1、创建项目

新建一个项目,MainActivity的布局如下:



界面效果如下: 


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

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

2.1 初始化控件

初始化控件,并为两个LinearLayout设置监听事件:

privatevoidinitView() {     

  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 init DateTime() {   

    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变量,用于拼接获取到的时间数据。

privateStringBuffer date, time;

3、日期选择控件DatePicker

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

(关于AlertDialog的使用可以参考我的这篇文章:Android之AlertDialog的基础使用

日期选择控件自定义布局dialog_date.xml如下:


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

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



这样就可以获取到用户选择的年月日数值了。 

下面就是创建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布局:

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

@OverridepublicvoidonTimeChanged(TimePicker view,inthourOfDay,intminute) {

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 classMainActivityextendsAppCompatActivityimplementsView.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;

        }

    }

    /**    * 日期改变的监听事件    *    * @paramview    * @paramyear    * @parammonthOfYear    * @paramdayOfMonth    */    @Override    public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {

        this.year = year;

        this.month = monthOfYear;

        this.day = dayOfMonth;

    }

    /**    * 时间改变的监听事件    *    * @paramview    * @paramhourOfDay    * @paramminute    */    @Override    public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {

        this.hour = hourOfDay;

        this.minute = minute;

    }

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容