DatePicker和TimePiceker控件的探究

Android中常用到日期和时间空间,今天我就写一下最近学习Android的日期和时间控件的使用。

本人写作一般先上代码,在写分析和步骤。由于代码比较多,在页面上不好看,请在工程文件中查看。

代码如下:

方法一:参考Ruthless-JAVA高级工程师的文章

布局文件:main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <DatePicker android:id="@+id/datePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"/>

    <EditText android:id="@+id/dateEt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:cursorVisible="false"
        android:editable="false"/>

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

    <EditText android:id="@+id/timeEt"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:cursorVisible="false"
        android:editable="false"/>
</LinearLayout>

DpTpActivity.java

package com.zjw.activity;

import java.util.Calendar;

import android.app.Activity;
import android.os.Bundle;
import android.widget.DatePicker;
import android.widget.EditText;
import android.widget.TimePicker;
import android.widget.DatePicker.OnDateChangedListener;
import android.widget.TimePicker.OnTimeChangedListener;

public class DpTpActivity extends Activity {
    private EditText dateEt=null;
    private EditText timeEt=null;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        dateEt=(EditText)findViewById(R.id.dateEt);
        timeEt=(EditText)findViewById(R.id.timeEt);
        DatePicker datePicker=(DatePicker)findViewById(R.id.datePicker);
        TimePicker timePicker=(TimePicker)findViewById(R.id.timePicker);

        Calendar calendar=Calendar.getInstance();
        int year=calendar.get(Calendar.YEAR);
        int monthOfYear=calendar.get(Calendar.MONTH);
        int dayOfMonth=calendar.get(Calendar.DAY_OF_MONTH);
        datePicker.init(year, monthOfYear, dayOfMonth, new OnDateChangedListener(){

            public void onDateChanged(DatePicker view, int year,
                    int monthOfYear, int dayOfMonth) {
                dateEt.setText("您选择的日期是:"+year+"年"+(monthOfYear+1)+"月"+dayOfMonth+"日。");
            }

        });

        timePicker.setOnTimeChangedListener(new OnTimeChangedListener(){

            public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
                timeEt.setText("您选择的时间是:"+hourOfDay+"时"+minute+"分。");
            }

        });
    }
}

结果:

分析:

       ①在布局文件中创建DatePicker和TimePicker视图控件

       ②通过findViewById获得DatePicker和TimePicker的实例对象,假设上面的实例分别是datePicker和timePicker

       ③调用DatePickerD的init(DatePicker view,int year,int monthOfYear,int dayOfMonth)方法,由于考虑到和我一样的苦逼人,我就把函数参数写上去,这里面用到的参数意思很明显,需要Calendar类

       ④设置日期监听器

       ⑤设置事件监听器

代码:

       ①布局文件

     <DatePicker android:id="@+id/datePicker"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"/>

       ②Activity文件

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

        Calendar calendar=Calendar.getInstance();
        int year=calendar.get(Calendar.YEAR);
        int monthOfYear=calendar.get(Calendar.MONTH);
        int dayOfMonth=calendar.get(Calendar.DAY_OF_MONTH);
        datePicker.init(year, monthOfYear, dayOfMonth, new OnDateChangedListener(){

            public void onDateChanged(DatePicker view, int year,
                    int monthOfYear, int dayOfMonth) {
                dateEt.setText("您选择的日期是:"+year+"年"+(monthOfYear+1)+"月"+dayOfMonth+"日。");
            }

        });

        timePicker.setOnTimeChangedListener(new OnTimeChangedListener(){

            public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
                timeEt.setText("您选择的时间是:"+hourOfDay+"时"+minute+"分。");
            }

        });

方法二

main.xml

<?xml version="1.0" encoding="utf-8" ?>
<LinearLayout 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">

    <TextView
        android:id="@+id/TextView01"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
        <TextView
        android:id="@+id/TextView02"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
        <Button
            android:id="@+id/Button01"
            android:text="@string/showDate"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
         <Button
            android:id="@+id/Button02"
            android:text="@string/showTime"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
        "

</LinearLayout>

MianActivity.java

package com.example.datetime;

import java.util.Calendar;

import android.os.Bundle;
import android.app.Activity;
import android.app.DatePickerDialog;
import android.app.Dialog;
import android.app.TimePickerDialog;
import android.app.DatePickerDialog.OnDateSetListener;
import android.app.TimePickerDialog.OnTimeSetListener;
import android.view.Menu;
import android.widget.Button;
import android.view.View;
import android.widget.DatePicker;
import android.widget.TimePicker;
import android.widget.TextView;
import android.view.View.OnClickListener;

public class MainActivity extends Activity {

	private Button b1,b2;
	private TextView tv1,tv2;
	private Calendar c;
	private int m_year,m_month,m_day;
	private int m_hour,m_minute;
	@Override

	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		b1=(Button)findViewById(R.id.Button01);
		b1.setText("显示日期");
		b2=(Button)findViewById(R.id.Button02);
		//获得日历的实例
		c = Calendar.getInstance();
		m_year = c.get(Calendar.YEAR);
		m_month = c.get(Calendar.MONTH);
		m_day = c.get(Calendar.DAY_OF_MONTH);
		m_hour = c.get(Calendar.HOUR);
		m_minute = c.get(Calendar.MINUTE);

		tv1 = (TextView)findViewById(R.id.TextView01);
		tv2 = (TextView)findViewById(R.id.TextView02);

		tv1.setText(m_year+":"+(m_month+1)+":"+m_day);
		tv2.setText(m_hour+":"+m_minute);

		b1.setOnClickListener(new OnClickListener(){
			public void onClick(View v){
				showDialog(0);
			}
		});

		b2.setOnClickListener(new OnClickListener(){
			public void onClick(View v){
				showDialog(1);
			}
		});
	}

	protected Dialog onCreateDialog(int id){
		if(id==0)
			return new DatePickerDialog(this,l1,m_year,m_month,m_day);
		else
			return new TimePickerDialog(this,l2,m_hour,m_minute,false);
	}

	private OnDateSetListener l1 = new OnDateSetListener(){
		public void onDateSet(DatePicker view,int year,int monthOfYear,int dayOfMonth){
			m_year=year;
			m_month = monthOfYear;
			m_day = dayOfMonth;

			tv1.setText(m_year+":"+(m_month+1)+":"+m_day);
		}
	};
	private OnTimeSetListener l2 = new OnTimeSetListener(){
		public void onTimeSet(TimePicker view,int hourOfDay,int minute){
			m_hour = hourOfDay;
			m_minute =minute;
			tv2.setText(m_hour+":"+m_minute);
		}
	};

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

}

运行结果:

            

分析:

        ①调用Activity的onCreateDialog()方法创建对话框。

        ②分别在OnDateSetListener的onDateSet()方法和OnTimeSetListener的onTimeSet()方法中更改日期和时间。

        ③调用Activity的showDialog()方法显示对话框。

代码:

        activity文件代码:

        如果这地方看不懂代码,结合分析在原文件中看。

	private OnDateSetListener l1 = new OnDateSetListener(){
		public void onDateSet(DatePicker view,int year,int monthOfYear,int dayOfMonth){
			m_year=year;
			m_month = monthOfYear;
			m_day = dayOfMonth;

			tv1.setText(m_year+":"+(m_month+1)+":"+m_day);
		}
	};
	private OnTimeSetListener l2 = new OnTimeSetListener(){
		public void onTimeSet(TimePicker view,int hourOfDay,int minute){
			m_hour = hourOfDay;
			m_minute =minute;
			tv2.setText(m_hour+":"+m_minute);
		}
	};
时间: 2024-09-14 23:56:32

DatePicker和TimePiceker控件的探究的相关文章

背水一战 Windows 10 (44) - 控件(日期类): CalendarView, DatePicker, TimePicker

原文:背水一战 Windows 10 (44) - 控件(日期类): CalendarView, DatePicker, TimePicker [源码下载] 背水一战 Windows 10 (44) - 控件(日期类): CalendarView, DatePicker, TimePicker 作者:webabcd 介绍背水一战 Windows 10 之 控件(日期类) CalendarView DatePicker TimePicker 示例1.CalendarView 的示例Controls

重新想象 Windows 8.1 Store Apps (73) - 新增控件: DatePicker, TimePicker

原文:重新想象 Windows 8.1 Store Apps (73) - 新增控件: DatePicker, TimePicker [源码下载] 重新想象 Windows 8.1 Store Apps (73) - 新增控件: DatePicker, TimePicker 作者:webabcd 介绍重新想象 Windows 8.1 Store Apps 之新增控件 DatePicker - 日期选择控件 TimePicker - 时间选择控件 示例1.演示 DatePicker 的应用Date

[android] 解决DatePickerDialog和TimePickerDialog控件取消按钮问题

一. 问题提出       在Android程序中,我们通常需要使用DatePicker来设置日期,TimePicker来设置时间.其基本步骤是:             1.先定义DatePicker和TimePicker布局             2.然后通过Calendar类获得系统时间             3.接着通过init方法将日期传递给DatePicker初始化日期控件             4.在响应点击事件中可以通过DatePicker的getYear().getDay

详解Android控件之DatePicker、TimePicker探究_Android

一.DatePicker继承自FrameLayout类,日期选择控件的主要功能是向用户提供包含年.月.日的日期数据并允许用户对其修改.如果要捕获用户修改日期选择控件中的数据事件,需要为DatePicker添加OnDateChangedListener监听器. 二.TimePicker也继承自FrameLayout类.时间选择控件向用户显示一天中的时间(可以为24小时,也可以为AM/PM制),并允许用户进行选择.如果要捕获用户修改时间数据的事件,便需要为TimePicker添加OnTimeChan

详解Android控件之DatePicker、TimePicker探究

一.DatePicker继承自FrameLayout类,日期选择控件的主要功能是向用户提供包含年.月.日的日期数据并允许用户对其修改.如果要捕获用户修改日期选择控件中的数据事件,需要为DatePicker添加OnDateChangedListener监听器. 二.TimePicker也继承自FrameLayout类.时间选择控件向用户显示一天中的时间(可以为24小时,也可以为AM/PM制),并允许用户进行选择.如果要捕获用户修改时间数据的事件,便需要为TimePicker添加OnTimeChan

Android开发入门(十一)选择控件 11.2 DatePicker

DataPicker和上一节讲的TimePicker很相似.使用DatePicker,可以让用户选择一个特定的日期.下面展 示如何使用DatePicker. 1. 使用上一节的工程,BasicViews4,修改main.xml. <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/and

datepicker-silverlight的DataGrid中添加DatePicker控件使用滚动条滚动数据有误

问题描述 silverlight的DataGrid中添加DatePicker控件使用滚动条滚动数据有误 silverlight的DataGrid中添加DatePicker控件,初始设定DatePicker中的时间,连续使用滚动条滚动,初始设定DatePicker的值会随机改变. <sdk:DataGrid Grid.Row="1" HorizontalAlignment="Stretch" Name="dataGrid1" Vertical

bootstrap中日历控件datepicker无法显示

问题描述 bootstrap中日历控件datepicker无法显示 报错 $(...).datepicker is not a function 一直出现这个问题,导致日历控件点不出来 <!-- Jquery 插件 --> <script type="text/javascript" src="${pageContext.request.contextPath}/include/javascript/jquery/jquery-1.11.3.min.js&q

java-Jquery的datepicker控件默认值设置

问题描述 Jquery的datepicker控件默认值设置 最好默认值能设置为当前月份的最后一天,比如当前是2015-09-09 我要它加载后显示的时候是2015-09-30 解决方案 直接设置控件的值就行,如果是本月最后一天,就算一下就好了 <p>Date: <input type=""text"" id=""datepicker""></p> <script> $(funct