android自定义日期组件之双DatePicker

1、效果图（两个DatePicker放在一起，同时选择起始与结束时间）：

2、实现

2.1布局文件：

 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:gravity="center_horizontal"
     android:orientation="vertical"
     android:paddingTop="10dp">
 
     <ScrollView
         android:layout_width="match_parent"
         android:layout_height="match_parent">
 
         <LinearLayout
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:background="@drawable/time"
             android:orientation="vertical" >
 
             <LinearLayout
                 android:layout_width="match_parent"
                 android:layout_height="match_parent"
                 android:gravity="center_horizontal"
                 android:orientation="vertical"
                 android:padding="5dip">
 
                 <TextView
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:layout_marginBottom="3dp"
                     android:background="@color/white"
                     android:textSize="18dp"
                     android:textStyle="bold"
                     android:textColor="@color/black"
                     android:text="开始日期" />
 
                 <DatePicker
                     android:id="@+id/datePickerStart"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:calendarViewShown="false" />
             </LinearLayout>
 
             <ImageView
                 android:id="@+id/imageView2"
                 android:background="@color/white"
                 android:layout_width="match_parent"
                 android:layout_height="20dp"
                 app:srcCompat="@drawable/redbound" />
 
             <LinearLayout
                 android:layout_width="match_parent"
                 android:layout_height="match_parent"
                 android:gravity="center_horizontal"
                 android:orientation="vertical"
                 android:padding="5dip">
 
                 <TextView
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:layout_marginBottom="3dp"
                     android:background="@color/white"
                     android:textSize="18dp"
                     android:textColor="@color/black"
 
                     android:textStyle="bold"
                     android:text="结束日期" />
 
                 <DatePicker
                     android:id="@+id/datePickerEnd"
                     android:layout_width="wrap_content"
                     android:layout_height="wrap_content"
                     android:calendarViewShown="false" />
             </LinearLayout>
         </LinearLayout>
     </ScrollView>
 
 </LinearLayout>

2.2 自定义类

 package com.easson.mx.pieceworkqc;
 
 import android.app.AlertDialog;
 import android.content.Context;
 import android.content.DialogInterface;
 import android.content.DialogInterface.OnClickListener;
 import android.os.Bundle;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.widget.DatePicker;
 import android.widget.DatePicker.OnDateChangedListener;
 import java.lang.reflect.Field;
 
 /**
  * Created by zhangtao on 2017/11/21.
  */
 public class DoubleDatePickerDialog extends AlertDialog implements OnClickListener, OnDateChangedListener {
 
     private static final String START_YEAR = "start_year";
     private static final String END_YEAR = "end_year";
     private static final String START_MONTH = "start_month";
     private static final String END_MONTH = "end_month";
     private static final String START_DAY = "start_day";
     private static final String END_DAY = "end_day";
 
     private final DatePicker mDatePicker_start;
     private final DatePicker mDatePicker_end;
     private final OnDateSetListener mCallBack;
 
     /**
      * The callback used to indicate the user is done filling in the date.
      */
     public interface OnDateSetListener {
         void onDateSet(DatePicker startDatePicker, int startYear, int startMonthOfYear, int startDayOfMonth,
                        DatePicker endDatePicker, int endYear, int endMonthOfYear, int endDayOfMonth);
         void onConfirmed(DatePicker startDatePicker, int startYear, int startMonthOfYear, int startDayOfMonth,
                          DatePicker endDatePicker, int endYear, int endMonthOfYear, int endDayOfMonth) ;
     }
 
     /**
      * @param context
      *            The context the dialog is to run in.
      * @param callBack
      *            How the parent is notified that the date is set.
      * @param year
      *            The initial year of the dialog.
      * @param monthOfYear
      *            The initial month of the dialog.
      * @param dayOfMonth
      *            The initial day of the dialog.
      */
     public DoubleDatePickerDialog(Context context, OnDateSetListener callBack, int year, int monthOfYear, int dayOfMonth) {
         this(context, 0, callBack, year, monthOfYear, dayOfMonth);
     }
 
     public DoubleDatePickerDialog(Context context, int theme, OnDateSetListener callBack, int year, int monthOfYear,
                                   int dayOfMonth) {
         this(context, 0, callBack, year, monthOfYear, dayOfMonth, true);
     }
 
     /**
      * @param context
      *            The context the dialog is to run in.
      * @param theme
      *            the theme to apply to this dialog
      * @param callBack
      *            How the parent is notified that the date is set.
      * @param year
      *            The initial year of the dialog.
      * @param monthOfYear
      *            The initial month of the dialog.
      * @param dayOfMonth
      *            The initial day of the dialog.
      */
     public DoubleDatePickerDialog(Context context, int theme, OnDateSetListener callBack, int year, int monthOfYear,
                                   int dayOfMonth, boolean isDayVisible) {
         super(context, theme);
         mCallBack = callBack;
 
         Context themeContext = getContext();
         setButton(BUTTON_POSITIVE, "确 定", this);
         setButton(BUTTON_NEGATIVE, "取 消", this);
         setIcon(0);
 
         LayoutInflater inflater = (LayoutInflater) themeContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
         View view = inflater.inflate(R.layout.doubledatepicker, null);
         setView(view);
         mDatePicker_start = (DatePicker) view.findViewById(R.id.datePickerStart);
         mDatePicker_end = (DatePicker) view.findViewById(R.id.datePickerEnd);
         mDatePicker_start.init(year, monthOfYear, dayOfMonth, this);
         mDatePicker_end.init(year, monthOfYear, dayOfMonth, this);
         // 如果要隐藏当前日期（day），则使用下面方法。
         if (!isDayVisible) {
             hidDay(mDatePicker_start);
             hidDay(mDatePicker_end);
         }
     }
 
     /**
      * 隐藏DatePicker中的日期显示
      * @param mDatePicker
      */
     private void hidDay(DatePicker mDatePicker) {
         Field[] datePickerfFields = mDatePicker.getClass().getDeclaredFields();
         for (Field datePickerField : datePickerfFields) {
             if ("mDaySpinner".equals(datePickerField.getName())) {
                 datePickerField.setAccessible(true);
                 Object dayPicker = new Object();
                 try {
                     dayPicker = datePickerField.get(mDatePicker);
                 } catch (IllegalAccessException e) {
                     e.printStackTrace();
                 } catch (IllegalArgumentException e) {
                     e.printStackTrace();
                 }
                 ((View) dayPicker).setVisibility(View.GONE);
             }
         }
     }
     public void onClick(DialogInterface dialog, int which) {
         if (which == BUTTON_NEGATIVE){
             tryNotifyDateSet();
         }
         //如果是“确 定”按钮，则往下执行
         else if(which==BUTTON_POSITIVE)
         {
             tryConfirmBtnEvent();
         }
     }
 
     @Override
     public void onDateChanged(DatePicker view, int year, int month, int day) {
         if (view.getId() == R.id.datePickerStart) {
             mDatePicker_start.init(year, month, day, this);
         }
         if (view.getId() == R.id.datePickerEnd) {
             mDatePicker_end.init(year, month, day, this);
         }
     }
 
     /**
      * 获得开始日期的DatePicker
      * @return The calendar view.
      */
     public DatePicker getDatePickerStart() {
         return mDatePicker_start;
     }
 
     /**
      * 获得结束日期的DatePicker
      * @return The calendar view.
      */
     public DatePicker getDatePickerEnd() {
         return mDatePicker_end;
     }
 
     /**
      * Sets the start date.
      *
      * @param year
      *            The date year.
      * @param monthOfYear
      *            The date month.
      * @param dayOfMonth
      *            The date day of month.
      */
     public void updateStartDate(int year, int monthOfYear, int dayOfMonth) {
         mDatePicker_start.updateDate(year, monthOfYear, dayOfMonth);
     }
 
     /**
      * Sets the end date.
      *
      * @param year
      *            The date year.
      * @param monthOfYear
      *            The date month.
      * @param dayOfMonth
      *            The date day of month.
      */
     public void updateEndDate(int year, int monthOfYear, int dayOfMonth) {
         mDatePicker_end.updateDate(year, monthOfYear, dayOfMonth);
     }
 
     private void tryNotifyDateSet() {
         if (mCallBack != null) {
             mDatePicker_start.clearFocus();
             mDatePicker_end.clearFocus();
             mCallBack.onDateSet(mDatePicker_start, mDatePicker_start.getYear(), mDatePicker_start.getMonth(),
                     mDatePicker_start.getDayOfMonth(), mDatePicker_end, mDatePicker_end.getYear(),
                     mDatePicker_end.getMonth(), mDatePicker_end.getDayOfMonth());
         }
     }
     private void tryConfirmBtnEvent()
     {
         if (mCallBack != null) {
             mCallBack.onConfirmed(mDatePicker_start, mDatePicker_start.getYear(), mDatePicker_start.getMonth(),
                     mDatePicker_start.getDayOfMonth(), mDatePicker_end, mDatePicker_end.getYear(),
                     mDatePicker_end.getMonth(), mDatePicker_end.getDayOfMonth());
         }
     }
 
     @Override
     protected void onStop() {
         super.onStop();
     }
 
     @Override
     public Bundle onSaveInstanceState() {
         Bundle state = super.onSaveInstanceState();
         state.putInt(START_YEAR, mDatePicker_start.getYear());
         state.putInt(START_MONTH, mDatePicker_start.getMonth());
         state.putInt(START_DAY, mDatePicker_start.getDayOfMonth());
         state.putInt(END_YEAR, mDatePicker_end.getYear());
         state.putInt(END_MONTH, mDatePicker_end.getMonth());
         state.putInt(END_DAY, mDatePicker_end.getDayOfMonth());
         return state;
     }
 
     @Override
     public void onRestoreInstanceState(Bundle savedInstanceState) {
         super.onRestoreInstanceState(savedInstanceState);
         int start_year = savedInstanceState.getInt(START_YEAR);
         int start_month = savedInstanceState.getInt(START_MONTH);
         int start_day = savedInstanceState.getInt(START_DAY);
         mDatePicker_start.init(start_year, start_month, start_day, this);
 
         int end_year = savedInstanceState.getInt(END_YEAR);
         int end_month = savedInstanceState.getInt(END_MONTH);
         int end_day = savedInstanceState.getInt(END_DAY);
         mDatePicker_end.init(end_year, end_month, end_day, this);
 
     }
 }

2.3调用

在其他类中：

实现DoubleDatePickerDialog 中接口OnDateSetListener中的方法，以完成相应操作

  //取时间区间
     private void confirmTimeSpace() {         Calendar c=Calendar.getInstance();
         new DoubleDatePickerDialog(ScrapedListActivity.this, 0, new DoubleDatePickerDialog.OnDateSetListener() {
             @Override
             public void onDateSet(DatePicker startDatePicker, int startYear, int startMonthOfYear, int startDayOfMonth,
                                   DatePicker endDatePicker, int endYear, int endMonthOfYear, int endDayOfMonth) {
                   //取起始结束时间
                 startTimeStr = startYear + SPACE_STR + (startMonthOfYear+1) + SPACE_STR + startDayOfMonth;
                 endTimeStr = endYear + SPACE_STR + (endMonthOfYear+1) + SPACE_STR + endDayOfMonth;
 
                 tstartTimeStr=startYear + TSPACE_STR + (startMonthOfYear+1)  + TSPACE_STR + startDayOfMonth;
                 tendTimeStr=endYear + TSPACE_STR + (endMonthOfYear+1) + TSPACE_STR + endDayOfMonth;
                   //要做的事
                 ScrapedListActivity.this.finish();
             }
             @Override
             public void onConfirmed(DatePicker startDatePicker, int startYear, int startMonthOfYear, int startDayOfMonth,
                                     DatePicker endDatePicker, int endYear, int endMonthOfYear, int endDayOfMonth) {
                   //取起始结束时间
                 startTimeStr = startYear + SPACE_STR + (startMonthOfYear+1) + SPACE_STR + startDayOfMonth;
                 endTimeStr = endYear + SPACE_STR + (endMonthOfYear+1) + SPACE_STR + endDayOfMonth;
 
                 tstartTimeStr=startYear + TSPACE_STR + (startMonthOfYear+1)  + TSPACE_STR + startDayOfMonth;
                 tendTimeStr=endYear + TSPACE_STR + (endMonthOfYear+1) + TSPACE_STR + endDayOfMonth;
 
                 //要做的事
                 initInfoEvent();
             }
         }, c.get(Calendar.YEAR), c.get(Calendar.MONTH), c.get(Calendar.DATE), true).show();
     }