Android小程序-日历选择器

目标效果：







运行程序后会发现对话框后边的标题栏上显示了当前的日期和时间，在第一个时间对话框更改时间后显示日期对话框时，更改过的时间又显示到了标题栏上，当在日期对话框更改日期后，标题栏也显示出更改后的日期，进入页面滑动控件进行选择日期或者时间，都会显示在标题栏上。

1.首先在activity_main.xml页面放入两个选择器控件。

activity_main.xml页面：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity" >

<TimePicker
android:id="@+id/tpTime"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_below="@+id/dpDate"
android:layout_marginLeft="19dp"
android:layout_marginTop="72dp" />

<DatePicker
android:id="@+id/dpDate"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="84dp" />

</RelativeLayout>

2.在MainActivity.java页面进行事件处理。
MainActivity.java页面；

package com.example.selecttime;

import java.util.Calendar;

import android.os.Bundle;
import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.DatePickerDialog.OnDateSetListener;
import android.app.TimePickerDialog;
import android.app.TimePickerDialog.OnTimeSetListener;
import android.view.Menu;
import android.widget.DatePicker;
import android.widget.DatePicker.OnDateChangedListener;
import android.widget.TimePicker;
import android.widget.TimePicker.OnTimeChangedListener;

public class MainActivity extends Activity {

private TimePicker tpTime;     //实例选择器控件
private DatePicker dpDate;
private Calendar cal;          //实例日期类
private int year,month,day,hour,minute;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);

cal=Calendar.getInstance();        //获取日历对象

year=cal.get(Calendar.YEAR);       //获取年月日时分秒
month=cal.get(Calendar.MONTH)+1;   //获取到的月份是从0开始计数，所以需要加一
day=cal.get(Calendar.DAY_OF_MONTH);
hour=cal.get(Calendar.HOUR_OF_DAY);
minute=cal.get(Calendar.MINUTE);
setTitle(year+"-"+month+"-"+day+" "+hour+":"+minute);//将日期时间显示在标题栏上

tpTime=(TimePicker) findViewById(R.id.tpTime);   //获取控件
dpDate=(DatePicker) findViewById(R.id.dpDate);

/**
* dataPicker初始化，日期选择器的改变事件
* 第二个参数传递的是月份，默认自动加一，所以不能用之前手动加一的month值
*/
dpDate.init(year,cal.get(Calendar.MONTH), day, new OnDateChangedListener() {
@Override
public void onDateChanged(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
setTitle(year+"-"+(monthOfYear+1)+"-"+dayOfMonth);      //将更改后的显示到标题栏
}
});

/**
* timePicker初始化，时间选择器的改变事件
*/
tpTime.setOnTimeChangedListener(new OnTimeChangedListener() {
@Override
public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
setTitle(hourOfDay+":"+minute);
}
});

/**
*日期选择对话框
*/
new DatePickerDialog(this, new OnDateSetListener() {

@Override
public void onDateSet(DatePicker view, int year, int monthOfYear, int dayOfMonth) {
setTitle(year+"-"+(monthOfYear+1)+"-"+dayOfMonth);     //将更改后的再显示到标题栏上
}
}, year,cal.get(Calendar.MONTH), day).show();     //改变结果显示到控件上

/**
* 时间对话框
*/
new TimePickerDialog(this, new OnTimeSetListener() {
@Override
public void onTimeSet(TimePicker view, int hourOfDay, int minute) {
setTitle(hourOfDay+":"+minute);       //将更改后的再显示到标题栏上
}
}, hour, minute, true).show();     //改变结果显示到控件上
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.main, menu);
return true;
}

}

3.运行程序就可以显示目标效果了。