Android中TimePicker与DatePicker时间日期选择组件的使用实例

效果和代码都非常直观:

实例1:TimePicker

<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"
  android:paddingBottom="@dimen/activity_vertical_margin"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  tools:context=".MainActivity" > 

  <TimePicker
    android:id="@+id/timePic1"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"/>
  <Button
    android:id="@+id/buttone1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/timePic1"
    android:text="获取TimePick时间"/> 

</RelativeLayout>
package com.android.xiong.times; 

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.TimePicker;
import android.widget.TimePicker.OnTimeChangedListener; 

public class MainActivity extends Activity { 

  private TimePicker timePick1;
  private Button buttone1; 

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    timePick1=(TimePicker)findViewById(R.id.timePic1); 

    buttone1=(Button)findViewById(R.id.buttone1);
    OnChangeListener buc=new OnChangeListener();
    buttone1.setOnClickListener(buc);
    //是否使用24小时制
    timePick1.setIs24HourView(true);
    TimeListener times=new TimeListener();
    timePick1.setOnTimeChangedListener(times);
  } 

  class OnChangeListener implements OnClickListener{
    @Override
    public void onClick(View v) {
      // TODO Auto-generated method stub
      int h=timePick1.getCurrentHour();
      int m=timePick1.getCurrentMinute();
      System.out.println("h:"+h+"  m:"+m);
    }
  }
  class TimeListener implements OnTimeChangedListener{ 

    /**
     * view 当前选中TimePicker控件
     * hourOfDay 当前控件选中TimePicker 的小时
     * minute 当前选中控件TimePicker 的分钟
     */
    @Override
    public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
      // TODO Auto-generated method stub
      System.out.println("h:"+ hourOfDay +" 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;
  } 

}

实例2:DatePicker

<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"
  android:paddingBottom="@dimen/activity_vertical_margin"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  tools:context=".MainActivity" > 

  <DatePicker
    android:id="@+id/datePick1"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    />
  <Button
    android:id="@+id/button1"
    android:layout_below="@id/datePick1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="获取DatePicker的值"/> 

</RelativeLayout>
package com.android.xiong.datepicker; 

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.DatePicker; 

public class MainActivity extends Activity { 

  private DatePicker datePicker1;
  private Button button1;
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    datePicker1=(DatePicker)findViewById(R.id.datePick1);
    //设置默认的时间 比如2055年 9月9日
    datePicker1.updateDate(2012, 8, 9);
    button1=(Button)findViewById(R.id.button1);
    OnClicLisers cl=new OnClicLisers();
    button1.setOnClickListener(cl);
  } 

  class OnClicLisers implements OnClickListener{
    @Override
    public void onClick(View v) {
      // TODO Auto-generated method stub
      int y=datePicker1.getYear();
      int m=datePicker1.getMonth()+1;
      int d=datePicker1.getDayOfMonth();
      System.out.println("y:"+y+" m:"+m+" d:"+d); 

    }
  }
  @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;
  } 

}
(0)

相关推荐

  • 详解Android中提示对话框(ProgressDialog和DatePickerDialog和TimePickerDialog&PopupWindow)

    ProgressDialog(精度条对话框): 1.直接调用ProgressDialog提供的静态方法show()显示 2.创建ProgressDialog,再设置对话框的参数,最后show()出来 package com.example.test3; import android.app.Activity; import android.app.ProgressDialog; import android.content.Context; import android.os.Bundle; i

  • Android CalendarView,DatePicker,TimePicker,以及NumberPicker的使用

    Android  CalendarView,DatePicker,TimePicker,以及NumberPicker的使用 简单复习下基础UI组件,做个简单的总结,Android的这些组件封装的特别好,基本套上就能使用,当然,这个减轻了开发者的负担!不过如果想要深入研究,这里面还是有很大的空间值得深度分析!简单的几个例子!仅供参考: 不多说,先上效果图: CalendarView ChooseView NumberPicker CalendarView代码区 : main.xml代码区:Cale

  • Android时间日期拾取器学习使用(DatePicker、TimePicker)

    为了能够让用户选择时间日期,安卓提供了DatePicker日期拾取器和TimePicker时间拾取器.这两个组建的使用十分简单,在eclipse的可视化界面上直接拖拽到布局中即可.当用户在事件日期选择器上进行选择之后,需要加将用户的选择读取出来,这需要给组件添加相应的监听器. 一.日期拾取器 1.在eclipse可视化界面上拖拽组件到布局中 <DatePicker android:id="@+id/datePicker1" android:layout_width="w

  • android中DatePicker和TimePicker的使用方法详解

    本文以实例讲述了android中DatePicker和TimePicker的使用方法,具体步骤如下: 下面是实现具体功能的代码,其中main.xml代码为: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width=&quo

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

    这个月根据需求在项目中做了一个时间选择器,虽然没有用到Android原生的时间选择控件,但我羞愧地发现自己竟然从来没有用过这方面控件!趁现在有时间,赶紧查缺补漏,写一篇博客吧. (注:为了便于区分,本文将选择年月日的控件称为日期选择控件,将选择时分的控件称为时间选择控件.) 1.创建项目 新建一个项目,MainActivity的布局如下: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

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

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

  • Android中TimePicker与DatePicker时间日期选择组件的使用实例

    效果和代码都非常直观: 实例1:TimePicker <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_par

  • react-native DatePicker日期选择组件的实现代码

    本教程的实现效果如下: 为了实现其淡入/淡出的覆盖效果, 还有取消按钮, 在此用了一个三方的组件, 大家可以先安装一下: 三方组件的地址:https://github.com/eyaleizenberg/react-native-custom-action-sheet(可以看看,也可以直接按我的步骤走) 1. 在terminal的该工程目录下运行: npm install react-native-custom-action-sheet --save 2. 然后运行: npm start 3.

  • Android 中NumberPicker,DatePicker与DatePickerDialog中分割颜色的修改实例代码

    Android 中NumberPicker,DatePicker与DatePickerDialog中分割颜色的修改实例代码 前言: 开发中,为了应用整体美观,需要保持控件的色调和主题色保持一致, 例如:NumberPicker.DatePicker和DatePickerDialog的分割线颜色 一.NumberPicker的分割线颜色 我把对NumberPicker分割线颜色的方法写在一个工具类中,便于全局调用,代码如下: public static void setNumberPickerDi

  • 解决Spring Boot和Feign中使用Java 8时间日期API(LocalDate等)的序列化问题

    LocalDate . LocalTime . LocalDateTime 是Java 8开始提供的时间日期API,主要用来优化Java 8以前对于时间日期的处理操作.然而,我们在使用Spring Boot或使用Spring Cloud Feign的时候,往往会发现使用请求参数或返回结果中有 LocalDate . LocalTime . LocalDateTime 的时候会发生各种问题.本文我们就来说说这种情况下出现的问题,以及如何解决. 问题现象 先来看看症状.比如下面的例子: @Sprin

  • 解决antd日期选择组件,添加value就无法点击下一年和下一月问题

    原因: 表单监听了关闭事件,执行了setState,若是给closeFloatingLayer增加延时就可看出来antd数据的变化. 解决方法: DatePicker外面套一层div,然后阻止冒泡 补充知识:antd 的 RangePicker 中日期选择近三月 今天遇到一个问题,日期插件中只能选择近三个月.代码如下: 属性中 disabledDate 就是日期禁止选择. 1.当前天之前 2.当前天之后 3.近三月 4.后三月 以上这篇解决antd日期选择组件,添加value就无法点击下一年和下

  • el-date-picker日期选择限制范围的实例代码

    目录 1.如果只比较两个值的话---效果是这种的 2.如果是table一直在循环这种日期,而且只比较每一行的两个日期 1.如果只比较两个值的话---效果是这种的 // 这是<template>的 <el-row> <el-col :span="12"> <el-form-item label="计划评审日期(起)" prop="planPsDateStart"> <el-date-picker

  • 基于vue2.0+vuex的日期选择组件功能实现

    calendar vue日期选择组件 一个选择日期的vue组件 基于vue2.0 + vuex 原本是想找这样的一个组件的,查看了vuex后,发现vuex的写法还不是基于2.0的,所以就自己动手做了 demo展示&&项目中的使用 目录结构 demo 用vue-cli 的webpack-simple构建的 calendar |--dist build生成的目录 |--doc 展示图片 |--src |--assets 资源 |--components |--calendar 日期组件 |--

  • js和C# 时间日期格式转换的简单实例

    下午在搞MVC和EXTJS的日期格式互相转换遇到了问题,我们从.NET服务器端序列化一个DateTime对象的结果是一个字符串格式,如 '/Date(1335258540000)/' 这样的字串. 整数1335258540000实际上是一个1970 年 1 月 1 日 00:00:00至这个DateTime中间间隔的毫秒数.通过javascript用eval函数可以把这个日期字符串转换为一个带有时区的Date对象,如下 用var date = eval('new ' + eval('/Date(

  • Android中RecyclerView上拉下拉,分割线,多条目的实例代码

    //activity的xml <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity

  • 详解vue移动端日期选择组件

    先给大家分享一下源码:https://github.com/lx544690189/vue-mobile-calendar Build Setup # install dependencies npm install # build for production with minification npm run build Usage install npm install vue-mobile-calendar or:(from the dist folder) <script src=&quo

随机推荐