`
scarlettli
  • 浏览: 57384 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

日期选择器(DatePicker)和时间选择器(TimePicker)的功能与用法

阅读更多
      DatePicker和TimePicker都从FrameLayout派生而来,其中DatePicker供用户选择日期,而TimePicker则供用户选择时间。它们在FrameLayout的基础上提供了一些方法来获取当前用户所选择的日期和时间,如果程序需要获取用户所选择的日期和时间,则可通过为DatePicker添加OnDateChangeListener进行监听、为TimePicker添加OnTimeChangeListener进行监听来实现。

看看以下代码:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    
    <TextView 
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="选择购买本书的具体时间"/>
    
    <!-- 定义一个DatePicker组件 -->
	<DatePicker 
	    android:id="@+id/dap"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:layout_gravity="center_horizontal"/>
	
	<!-- 定义一个TimePicker组件 -->
	<TimePicker 
	    android:id="@+id/tip"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:layout_gravity="center_horizontal"/>
	
	<!-- 显示用户输入日期、时间的控件 -->
	<EditText 
	    android:id="@+id/show"
	    android:layout_width="match_parent"
	    android:layout_height="wrap_content"
	    android:editable="false"
	    android:cursorVisible="false"/>


</LinearLayout>


上面界面布局中除添加了一个DatePicker和一个TimePicker供用户选择日期和时间外,还包含一个EditText,用于显示用户选择的日期和时间。

import java.util.Calendar;

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

public class DatePickerActivity extends Activity {

	private int year;
	private int month;
	private int day;
	private int hour;
	private int minute;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.datepicker);
		DatePicker datepicker = (DatePicker) findViewById(R.id.dap);
		TimePicker timepicker = (TimePicker) findViewById(R.id.tip);
		// 获取当前的年、月、日、小时、分钟
		Calendar c = Calendar.getInstance();
		year = c.get(Calendar.YEAR);
		month = c.get(Calendar.MONTH);
		day = c.get(Calendar.DAY_OF_MONTH);
		hour = c.get(Calendar.HOUR);
		minute = c.get(Calendar.MINUTE);
		// 初始化DatePicker组件,初始化时指定监听器
		datepicker.init(year, month, day, new OnDateChangedListener() {

			@Override
			public void onDateChanged(DatePicker arg0, int year, int month,
					int day) {
				// TODO Auto-generated method stub
				DatePickerActivity.this.year = year;
				DatePickerActivity.this.month = month;
				DatePickerActivity.this.day = day;
				// 显示当前的日期、时间
				showDate(year, month, day, hour, minute);
			}

		});
		// 为TimePicker指定监听吕
		timepicker.setOnTimeChangedListener(new OnTimeChangedListener() {

			@Override
			public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
				// TODO Auto-generated method stub
				DatePickerActivity.this.hour = hourOfDay;
				DatePickerActivity.this.minute = minute;
				//显示当前日期、时间
				showDate(year, month, day, hour, minute);
			}

		});
	}
	//定义在EditText中显示当前日期、时间的方法
	private void showDate(int year, int month, int day, int hour, int minute) {
		// TODO Auto-generated method stub
		EditText show = (EditText) findViewById(R.id.show);
		show.setText("您购买的日期为:" + year + "年" + (month + 1) + "月" + day + "日"
				+ hour + "时" + minute + "分");
	}
}

分享到:
评论

相关推荐

    使用DatePicker实现日历选择器及使用TimePicker实现时间选择器

    接下来,我们将深入探讨如何使用`DatePicker`实现日历选择器以及如何使用`TimePicker`实现时间选择器,并结合`DatePickerDialog`和`TimePickerDialog`来创建相应的对话框。 1. **DatePicker**: `DatePicker`是...

    jQuery UI Datepicker插件timepicker时分秒

    总的来说,jQuery UI Datepicker结合timepicker扩展为Web应用提供了强大的日期时间选择功能。通过灵活的配置和丰富的API,开发者可以轻松地实现符合业务需求的日期时间选择组件。无论是在后台管理系统还是前端用户...

    jQuery时间选择器datepicker年月日时分秒选择

    其中,jQuery UI是jQuery的一个扩展库,提供了一系列可交互的用户界面组件,其中包括我们今天要讨论的"日期选择器"——jQuery UI Datepicker。这个插件允许用户方便地选择日期,甚至可以扩展到选择时间,实现年月日...

    032_android UI组件之 时间日期控件DatePicker和TimePicker

    DatePicker通常包含三个部分:年份选择器、月份选择器和日期选择器。开发者可以通过设置最小日期和最大日期来限制用户的选择范围。此外,DatePicker还可以通过监听日期改变事件来实时更新相关的数据或视图。 ...

    jQuery插件之三:日期选择器 DatePicker 1.8.12

    DatePicker还可以与其他jQuery UI组件结合使用,如时间选择器TimePicker Addon,以实现日期和时间的联合选择。此外,可以利用API实现更复杂的功能,如限制可选日期范围、禁用特定日期等。 总结,jQuery UI的...

    用DatePicker和TimePicker写的选择日期时间示例

    将`DatePicker`和`TimePicker`结合起来,可以创建一个完整的日期时间选择器。通常我们会使用`AlertDialog`或者自定义布局来组合这两个组件。用户选择完日期和时间后,可以通过`DatePicker`和`TimePicker`提供的方法...

    android 动态输入日期与时间 DatePicker与timePicker应用

    本篇文章将深入探讨`DatePicker`和`TimePicker`的使用方法及其在实际应用中的实现。 首先,`DatePicker`组件允许用户从预设的日期范围中选择一个日期。在Android中,`DatePicker`通常以对话框形式展示,即`...

    安卓开发之DatePicker和TimePicker的应用释例

    在`DateDemo`项目中,开发者可能已经实现了这样的功能,通过实例化`DatePicker`和`TimePicker`,并在用户选择后更新界面显示,存储用户选择的日期和时间。 总的来说,`DatePicker`和`TimePicker`是Android开发中不...

    wxapp-timePicker-master日期(起止)选择器组件.zip

    总的来说,`wxapp-timePicker-master`是一个针对微信小程序优化的日期选择器组件,其核心价值在于简化了日期和时间选择功能的开发流程,为小程序开发者提供了一套现成的解决方案,同时也展示了自定义组件在微信小...

    DatePicker和TimePicker小例子

    此外,还可以利用`MaterialDatePicker`和`MaterialTimePicker`(AndroidX库)来获取现代的Material Design风格的日期和时间选择器,以提供更好的用户体验。 总之,`DatePicker`和`TimePicker`是Android开发中不可或...

    Android Studio DatePicker和TimePicker的使用

    其中,DatePicker 和 TimePicker 是两个常用的组件,分别用于选择日期和时间。本文将详细介绍 Android Studio 中的 DatePicker 和 TimePicker 组件的使用方法。 一、DatePicker 组件 DatePicker 组件是 Android 中...

    Android学习笔记17:中级视图组件DatePicker和TimePicker

    这有助于定制自己的日期和时间选择器,或者优化现有的组件性能。 在实际应用中,我们可以使用Android提供的DatePickerDialog和TimePickerDialog类,它们是预定义的对话框,包含DatePicker和TimePicker。通过简单的...

    react-ReactDatepickerRangeDatePicker和TimePicker组件

    TimePicker通常与Datepicker一起使用,形成一个完整的日期时间选择器,提供完整的日期和时间选择功能。 React Datepicker组件的使用方法主要包括以下步骤: 1. **安装**:首先需要通过npm或yarn将其添加到你的项目...

    Android自定义漂亮Dialog中嵌入自定义时间选择器和日期选择器

    这个类将负责加载我们的自定义布局,并处理用户与时间选择器和日期选择器的交互。在onCreateDialog方法中,使用LayoutInflater实例化布局,并设置Dialog的样式、大小和透明度等属性。同时,我们需要在此类中实现时间...

    Android中的DatePicker和TimePicker控件使用

    它提供了三种显示模式:对话框模式、小部件模式和日期选择器模式。在布局文件中,你可以通过以下方式添加`DatePicker`: ```xml &lt;DatePicker android:id="@+id/date_picker" android:layout_width="wrap_content...

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

    本文详细介绍了Android之日期时间选择控件DatePicker和TimePicker实例的使用方法和实现原理,并提供了一个简单的示例代码,演示如何在实际项目中使用DatePicker和TimePicker控件。通过学习本文,读者可以更好地理解...

    android时间选择器(日期和时间)

    在Android开发中,时间选择器是一个非常常见的组件,它允许用户方便地选择日期和时间。本文将深入探讨如何在Android应用中实现一个功能完善的时间选择器,并分享相关的代码实现。 首先,Android SDK提供了两种内置...

    WPF自定义时间控件,可选择日期、时间

    本文将深入探讨如何使用C#语言在WPF中构建一个自定义的时间选择控件,该控件允许用户同时选择日期和时间。我们将讨论关键知识点,包括控件的布局设计、数据绑定、事件处理以及自定义模板。 首先,我们需要理解WPF的...

    安卓Andriod源码——datetimepicker实现挺不错的时间选择器,分为日期选择器和时钟选择器。.zip

    2. **日期选择器DatePicker**: 在DatePicker中,用户可以选择年、月和日。自定义DatePicker可能提供了更好的滑动体验,如平滑滚动和手势操作。开发者可能通过监听日期选择事件,然后调用Calendar对象来处理所选...

    更改TimePicker和DatePicker样式

    在Android开发中,TimePicker和DatePicker是常用的用户界面组件,用于选择时间和日期。为了提供更好的用户体验,有时我们需要根据应用的设计风格来定制这些组件的外观。本文将深入探讨如何更改TimePicker和...

Global site tag (gtag.js) - Google Analytics