Android自定义DataTimePicker实例代码(日期选择器)

笔者有一段时间没有发表关于Android的文章了,关于Android自定义组件笔者有好几篇想跟大家分享的,后期会记录在博客中。本篇博客给大家分享的是自定义一个日期选择器,可以让用户同时选择年月日和当前时间。

先看看效果:

实现的效果就是在同一个布局上显示日期选择和时间选择。

自定义一个类:

/DateTimePicker/src/com/wwj/datetimepicker/DateTimePickDialogUtil.java

package com.wwj.datetimepicker; 

import java.text.SimpleDateFormat;
import java.util.Calendar; 

import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.widget.DatePicker;
import android.widget.DatePicker.OnDateChangedListener;
import android.widget.EditText;
import android.widget.LinearLayout;
import android.widget.TimePicker;
import android.widget.TimePicker.OnTimeChangedListener; 

/**
 * 日期时间选择控件 使用方法: private EditText inputDate;//需要设置的日期时间文本编辑框 private String
 * initDateTime="2012年9月3日 14:44",//初始日期时间值 在点击事件中使用:
 * inputDate.setOnClickListener(new OnClickListener() {
 *
 * @Override public void onClick(View v) { DateTimePickDialogUtil
 *      dateTimePicKDialog=new
 *      DateTimePickDialogUtil(SinvestigateActivity.this,initDateTime);
 *      dateTimePicKDialog.dateTimePicKDialog(inputDate);
 *
 *      } });
 *
 * @author
 */
public class DateTimePickDialogUtil implements OnDateChangedListener,
    OnTimeChangedListener {
  private DatePicker datePicker;
  private TimePicker timePicker;
  private AlertDialog ad;
  private String dateTime;
  private String initDateTime;
  private Activity activity; 

  /**
   * 日期时间弹出选择框构造函数
   *
   * @param activity
   *      :调用的父activity
   * @param initDateTime
   *      初始日期时间值,作为弹出窗口的标题和日期时间初始值
   */
  public DateTimePickDialogUtil(Activity activity, String initDateTime) {
    this.activity = activity;
    this.initDateTime = initDateTime; 

  } 

  public void init(DatePicker datePicker, TimePicker timePicker) {
    Calendar calendar = Calendar.getInstance();
    if (!(null == initDateTime || "".equals(initDateTime))) {
      calendar = this.getCalendarByInintData(initDateTime);
    } else {
      initDateTime = calendar.get(Calendar.YEAR) + "年"
          + calendar.get(Calendar.MONTH) + "月"
          + calendar.get(Calendar.DAY_OF_MONTH) + "日 "
          + calendar.get(Calendar.HOUR_OF_DAY) + ":"
          + calendar.get(Calendar.MINUTE);
    } 

    datePicker.init(calendar.get(Calendar.YEAR),
        calendar.get(Calendar.MONTH),
        calendar.get(Calendar.DAY_OF_MONTH), this);
    timePicker.setCurrentHour(calendar.get(Calendar.HOUR_OF_DAY));
    timePicker.setCurrentMinute(calendar.get(Calendar.MINUTE));
  } 

  /**
   * 弹出日期时间选择框方法
   *
   * @param inputDate
   *      :为需要设置的日期时间文本编辑框
   * @return
   */
  public AlertDialog dateTimePicKDialog(final EditText inputDate) {
    LinearLayout dateTimeLayout = (LinearLayout) activity
        .getLayoutInflater().inflate(R.layout.common_datetime, null);
    datePicker = (DatePicker) dateTimeLayout.findViewById(R.id.datepicker);
    timePicker = (TimePicker) dateTimeLayout.findViewById(R.id.timepicker);
    init(datePicker, timePicker);
    timePicker.setIs24HourView(true);
    timePicker.setOnTimeChangedListener(this); 

    ad = new AlertDialog.Builder(activity)
        .setTitle(initDateTime)
        .setView(dateTimeLayout)
        .setPositiveButton("设置", new DialogInterface.OnClickListener() {
          public void onClick(DialogInterface dialog, int whichButton) {
            inputDate.setText(dateTime);
          }
        })
        .setNegativeButton("取消", new DialogInterface.OnClickListener() {
          public void onClick(DialogInterface dialog, int whichButton) {
            inputDate.setText("");
          }
        }).show(); 

    onDateChanged(null, 0, 0, 0);
    return ad;
  } 

  public void onTimeChanged(TimePicker view, int hourOfDay, int minute) {
    onDateChanged(null, 0, 0, 0);
  } 

  public void onDateChanged(DatePicker view, int year, int monthOfYear,
      int dayOfMonth) {
    // 获得日历实例
    Calendar calendar = Calendar.getInstance(); 

    calendar.set(datePicker.getYear(), datePicker.getMonth(),
        datePicker.getDayOfMonth(), timePicker.getCurrentHour(),
        timePicker.getCurrentMinute());
    SimpleDateFormat sdf = new SimpleDateFormat("yyyy年MM月dd日 HH:mm"); 

    dateTime = sdf.format(calendar.getTime());
    ad.setTitle(dateTime);
  } 

  /**
   * 实现将初始日期时间2012年07月02日 16:45 拆分成年 月 日 时 分 秒,并赋值给calendar
   *
   * @param initDateTime
   *      初始日期时间值 字符串型
   * @return Calendar
   */
  private Calendar getCalendarByInintData(String initDateTime) {
    Calendar calendar = Calendar.getInstance(); 

    // 将初始日期时间2012年07月02日 16:45 拆分成年 月 日 时 分 秒
    String date = spliteString(initDateTime, "日", "index", "front"); // 日期
    String time = spliteString(initDateTime, "日", "index", "back"); // 时间 

    String yearStr = spliteString(date, "年", "index", "front"); // 年份
    String monthAndDay = spliteString(date, "年", "index", "back"); // 月日 

    String monthStr = spliteString(monthAndDay, "月", "index", "front"); // 月
    String dayStr = spliteString(monthAndDay, "月", "index", "back"); // 日 

    String hourStr = spliteString(time, ":", "index", "front"); // 时
    String minuteStr = spliteString(time, ":", "index", "back"); // 分 

    int currentYear = Integer.valueOf(yearStr.trim()).intValue();
    int currentMonth = Integer.valueOf(monthStr.trim()).intValue() - 1;
    int currentDay = Integer.valueOf(dayStr.trim()).intValue();
    int currentHour = Integer.valueOf(hourStr.trim()).intValue();
    int currentMinute = Integer.valueOf(minuteStr.trim()).intValue(); 

    calendar.set(currentYear, currentMonth, currentDay, currentHour,
        currentMinute);
    return calendar;
  } 

  /**
   * 截取子串
   *
   * @param srcStr
   *      源串
   * @param pattern
   *      匹配模式
   * @param indexOrLast
   * @param frontOrBack
   * @return
   */
  public static String spliteString(String srcStr, String pattern,
      String indexOrLast, String frontOrBack) {
    String result = "";
    int loc = -1;
    if (indexOrLast.equalsIgnoreCase("index")) {
      loc = srcStr.indexOf(pattern); // 取得字符串第一次出现的位置
    } else {
      loc = srcStr.lastIndexOf(pattern); // 最后一个匹配串的位置
    }
    if (frontOrBack.equalsIgnoreCase("front")) {
      if (loc != -1)
        result = srcStr.substring(0, loc); // 截取子串
    } else {
      if (loc != -1)
        result = srcStr.substring(loc + 1, srcStr.length()); // 截取子串
    }
    return result;
  } 

}

/DateTimePicker/src/com/wwj/datetimepicker/DateTimePickerActivity.java

package com.wwj.datetimepicker; 

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.EditText; 

/**
 * 时间拾取器界面
 *
 * @author wwj_748
 *
 */
public class DateTimePickerActivity extends Activity {
  /** Called when the activity is first created. */
  private EditText startDateTime;
  private EditText endDateTime; 

  private String initStartDateTime = "2013年9月3日 14:44"; // 初始化开始时间
  private String initEndDateTime = "2014年8月23日 17:44"; // 初始化结束时间 

  @Override
  public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main); 

    // 两个输入框
    startDateTime = (EditText) findViewById(R.id.inputDate);
    endDateTime = (EditText) findViewById(R.id.inputDate2); 

    startDateTime.setText(initStartDateTime);
    endDateTime.setText(initEndDateTime); 

    startDateTime.setOnClickListener(new OnClickListener() {
      public void onClick(View v) { 

        DateTimePickDialogUtil dateTimePicKDialog = new DateTimePickDialogUtil(
            DateTimePickerActivity.this, initEndDateTime);
        dateTimePicKDialog.dateTimePicKDialog(startDateTime); 

      }
    }); 

    endDateTime.setOnClickListener(new OnClickListener() { 

      public void onClick(View v) {
        DateTimePickDialogUtil dateTimePicKDialog = new DateTimePickDialogUtil(
            DateTimePickerActivity.this, initEndDateTime);
        dateTimePicKDialog.dateTimePicKDialog(endDateTime);
      }
    });
  }
}

自定义界面:

/DateTimePicker/res/layout/common_datetime.xml

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

  <DatePicker
    android:id="@+id/datepicker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:calendarViewShown="false" /> 

  <TimePicker
    android:id="@+id/timepicker"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" /> 

</LinearLayout>

源码下载:demo

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(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中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

  • Android时间对话框TimePickerDialog详解

    目前网上流行着很多对"时间对话框TimePickerDialog"的讲解文章,但感觉都不是很详细.所以浣熊在这里详细对该方面的知识进行介绍,旨在帮助初学者能够快速掌握该项技术. 首先要做的是声明一个日历类的对象: private Calendar c; 然后对其进行实例化: c = Calendar.getInstance(); 实例化后便可以对该日历对象进行操作了,如c.get方法可以获得该日历对象中的相关变量(如年.月.日.时.分.秒等),这些变量的值在实例化"c = C

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

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

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

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

  • 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开发之TimePicker控件用法实例详解

    本文实例分析了Android开发之TimePicker控件用法.分享给大家供大家参考,具体如下: 新建项目: New Android Project-> Project name:HelloSpinner Build Target:Android 2.2 Application name:HelloSpinner Package name:com.b510 Create Activity:MainActivity Min SDK Version:9 Finish 运行效果: 如果: return

  • Android TimePicker 直接输入的问题解决方案

    Android TimePicker 直接输入的问题解决方案 TimePicker 提供了上下的按钮,点击按钮,相关操作都是正常的.但是如果直接在输入框中修改小时或分钟后直接点击按钮取值,会发现不能真正改变时间. 以下代码得不到预期结果. @Override public void onClick(View v) { int i = timePicker1.getCurrentHour(); int j = timePicker1.getCurrentMinute(); startPoint.s

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

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

  • Android自定义DataTimePicker实例代码(日期选择器)

    笔者有一段时间没有发表关于Android的文章了,关于Android自定义组件笔者有好几篇想跟大家分享的,后期会记录在博客中.本篇博客给大家分享的是自定义一个日期选择器,可以让用户同时选择年月日和当前时间. 先看看效果: 实现的效果就是在同一个布局上显示日期选择和时间选择. 自定义一个类: /DateTimePicker/src/com/wwj/datetimepicker/DateTimePickDialogUtil.java package com.wwj.datetimepicker; i

  • Android 自定义状态栏实例代码

    一.目标:Android5.0以上 二.步骤 1.在res-values-colors.xml下新建一个RGB颜色 <?xml version="1.0" encoding="utf-8"?> <resources> <color name="colorPrimary">#3F51B5</color> <color name="colorPrimaryDark">#3

  • android自定义对话框实例代码

    1.实现效果    2.定义dialog.xml (res/layout/dialog.xml) <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android

  • Android自定义wheelview实现滚动日期选择器

    本文实例为大家分享了Android实现滚动日期选择器的具体代码,供大家参考,具体内容如下 wheelview滚动效果的View 这段时间需要用到一个时间选择器,但是不能使用日期对话框, 因为它是筛选条件框架下的,只能是View!这个WheelView改造后可以达到要求! 这个wheelview框架使用的类不多,就几个,还有一些资源文件. 我根据这个框架设计了日期的选择器. 主页面: 第一种日期选择器页面: 动态效果: 使用: 具体的实现是一个LoopView的类,这是一个继承View的类! 理解

  • Android自定义popupwindow实例代码

    先来看看效果图: 一.布局  <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content&qu

  • jQuery UI 实例讲解 - 日期选择器(Datepicker)

    默认功能 日期选择器(Datepicker)绑定到一个标准的表单 input 字段上.把焦点移到 input 上(点击或者使用 tab 键),在一个小的覆盖层上打开一个交互日历.选择一个日期,点击页面上的任意地方(输入框即失去焦点),或者点击 Esc 键来关闭.如果选择了一个日期,则反馈显示为 input 的值. <!doctype html> <html lang="en"> <head> <meta charset="utf-8&

  • Android 获取时间实例代码

     Android 获取时间实例代码 注意: h:12小时制小时数 H:24小时制小时数 实例代码: import java.text.DateFormat; import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; /** * Created by Administrator on 2017/5/8. */ public

  • Android Dialog对话框实例代码讲解

    Dialog的基本方法 //创建Dialog AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this); //设置标题图标 builder.setIcon(R.drawable.ic_launcher); //设置标题 builder.setTitle("这是一个对话框"); //设置信息 builder.setMessage("是否要跳转?"); //确定按钮 setPosit

  • 微信小程序 自定义Toast实例代码

    微信小程序 自定义Toast实例代码 Toast样式可以根据需求自定义,本例中是圆形 <!--按钮--> <view class="btn" bindtap="btn_toast">自定义Toast</view> <!--以下为toast显示的内容 opacity为透明度--> <view class="toast_box" style="opacity:{{0.9}}"

  • Android 滑动拦截实例代码解析

    废话不多说了,直接给大家贴代码了,具体代码如下所示: package demo.hq.com.fby; import android.content.Context; import android.util.AttributeSet; import android.util.Log; import android.view.MotionEvent; import android.widget.LinearLayout; /** * Created by huqing on 2016/12/7.

随机推荐