自定义Dialog：双日期选择器

傷城~ 2022-09-18 04:50 175阅读 0赞

系统自带的DatePickerDialog只能一次性选择一个日期，有时候我们需要这样的功能：需要录入2个日期，比如开始日期和结束日期，如果采用DatePickerDialog需要弹出2次Dialog，能不能一次就搞定呢？那就需要下面的内容了。   
自定义一个DatePickerDialog，实现OnDateChangedListener接口，里面有2个DatePicker，然后分别对这2个DatePicker设置日期就行了。   
  
![6b38226f-f00a-3635-869f-7ab944a01e44.png][]

Java代码   [![收藏代码][icon_star.png]][icon_star.png 1]

1.  **package** qianlong.qlmobile.view;  
2.    
3.  **import** qianlong.qlmobile.tablet.yinhe.hk.R;  
4.  **import** android.app.Dialog;  
5.  **import** android.content.Context;  
6.  **import** android.os.Bundle;  
7.  **import** android.view.View;  
8.  **import** android.widget.Button;  
9.  **import** android.widget.DatePicker;  
10. **import** android.widget.DatePicker.OnDateChangedListener;  
11.   
12. **public** **class** DatePickerDialog **extends** Dialog **implements** OnDateChangedListener\{  
13.   
14.     **private** Context context;  
15.     **private** Button apply,cancel;  
16.     **private** DatePicker startDatePicker,endDatePicker;  
17.       
18.     **private** **int** start\_year;  
19.     **private** **int** start\_monthOfYear;  
20.     **private** **int** start\_dayOfMonth;  
21.     **private** **int** end\_year;  
22.     **private** **int** end\_monthOfYear;  
23.     **private** **int** end\_dayOfMonth;  
24.     **public** DatePickerDialog(Context context,  
25.             **int** start\_year,  
26.             **int** start\_monthOfYear,  
27.             **int** start\_dayOfMonth,  
28.             **int** end\_year,  
29.             **int** end\_monthOfYear,  
30.             **int** end\_dayOfMonth  
31.             ) \{  
32.         **super**(context);  
33.         // TODO Auto-generated constructor stub  
34.         **this**.context=context;  
35.         **this**.start\_year=start\_year;  
36.         **this**.start\_monthOfYear=start\_monthOfYear;  
37.         **this**.start\_dayOfMonth=start\_dayOfMonth;  
38.         **this**.end\_year=end\_year;  
39.         **this**.end\_monthOfYear=end\_monthOfYear;  
40.         **this**.end\_dayOfMonth=end\_dayOfMonth;  
41.           
42.         init();  
43.     \}  
44.     **public** DatePickerDialog(Context context,**int** theme,  
45.             **int** start\_year,  
46.             **int** start\_monthOfYear,  
47.             **int** start\_dayOfMonth,  
48.             **int** end\_year,  
49.             **int** end\_monthOfYear,  
50.             **int** end\_dayOfMonth  
51.             ) \{  
52.         **super**(context);  
53.         // TODO Auto-generated constructor stub  
54.         **this**.context=context;  
55.         **this**.start\_year=start\_year;  
56.         **this**.start\_monthOfYear=start\_monthOfYear;  
57.         **this**.start\_dayOfMonth=start\_dayOfMonth;  
58.         **this**.end\_year=end\_year;  
59.         **this**.end\_monthOfYear=end\_monthOfYear;  
60.         **this**.end\_dayOfMonth=end\_dayOfMonth;  
61.         init();  
62.     \}  
63.   
64.     **private** **void** init()\{  
65. //      this.setCanceledOnTouchOutside(true);  
66.         **this**.setCancelable(**true**);  
67.         **this**.setTitle("日期选择器");  
68.     \}  
69.       
70.     @Override  
71.     **protected** **void** onCreate(Bundle savedInstanceState) \{  
72.         // TODO Auto-generated method stub  
73.         **super**.onCreate(savedInstanceState);  
74.         setContentView(R.layout.ipo\_dialog\_date\_picker);  
75.           
76.         initViews();  
77.         initValues();  
78.     \}  
79.       
80.     **private** **void** initViews()\{  
81.         apply=(Button)findViewById(R.id.apply);  
82.         apply.setOnClickListener(clickListener);  
83.         cancel=(Button)findViewById(R.id.cancel);  
84.         cancel.setOnClickListener(clickListener);  
85.           
86.         startDatePicker=(DatePicker)findViewById(R.id.startDatePicker);  
87.         endDatePicker=(DatePicker)findViewById(R.id.endDatePicker);  
88.     \}  
89.     **private** **void** initValues()\{  
90.         startDatePicker.init(start\_year, start\_monthOfYear, start\_dayOfMonth, **this**);  
91.         endDatePicker.init(end\_year, end\_monthOfYear, end\_dayOfMonth, **this**);  
92.     \}  
93.       
94.     **private** Button.OnClickListener clickListener=**new** Button.OnClickListener()\{  
95.   
96.         @Override  
97.         **public** **void** onClick(View v) \{  
98.             // TODO Auto-generated method stub  
99.             **switch** (v.getId()) \{  
100.             **case** R.id.apply:  
101.                 **if**(onDateSetListener!=**null**)\{  
102.                     onDateSetListener.onDateSet(  
103.                             start\_year, start\_monthOfYear, start\_dayOfMonth,  
104.                             end\_year, end\_monthOfYear, end\_dayOfMonth  
105.                             );  
106.                 \}  
107.                 dismiss();  
108.                 **break**;  
109.             **case** R.id.cancel:  
110.                 dismiss();  
111.                 **break**;  
112.   
113.             **default**:  
114.                 **break**;  
115.             \}  
116.         \}  
117.     \};  
118.       
119.     **private** OnDateSetListener onDateSetListener;  
120.     **public** **interface** OnDateSetListener \{  
121.         **void** onDateSet(  
122.                 **int** start\_year,  
123.                 **int** start\_monthOfYear,  
124.                 **int** start\_dayOfMonth,  
125.                 **int** end\_year,  
126.                 **int** end\_monthOfYear,  
127.                 **int** end\_dayOfMonth  
128.                 );  
129.     \}  
130.     **public** **void** setOnDateSetListener(OnDateSetListener onDateSetListener)\{  
131.         **this**.onDateSetListener=onDateSetListener;  
132.     \}  
133.     @Override  
134.     **public** **void** onDateChanged(DatePicker view, **int** year, **int** monthOfYear,  
135.             **int** dayOfMonth) \{  
136.         // TODO Auto-generated method stub  
137.         **if**(view==startDatePicker)\{  
138.             **this**.start\_year=year;  
139.             **this**.start\_monthOfYear=monthOfYear;  
140.             **this**.start\_dayOfMonth=dayOfMonth;  
141.         \}**else** **if**(view==endDatePicker)\{  
142.             **this**.end\_year=year;  
143.             **this**.end\_monthOfYear=monthOfYear;  
144.             **this**.end\_dayOfMonth=dayOfMonth;  
145.         \}  
146. //      updateDate(view,year,monthOfYear,dayOfMonth);  
147.           
148.     \}  
149.       
150. //  public void updateDate(  
151. //          DatePicker view, int year, int monthOfYear,int dayOfMonth)\{   
152. //      view.updateDate(year, monthOfYear, dayOfMonth);  
153. //  \}  
154.       
155. \}

我只是简单的实现了一下，更多的扩展请大家添上。   
  
ipo\_dialog\_date\_picker.xml如下：

Xml代码   [![收藏代码][icon_star.png]][icon_star.png 1]

1.  **<?****xml** version="1.0" encoding="utf-8"**?>**  
2.  **<****LinearLayout** xmlns:android="http://schemas.android.com/apk/res/android"  
3.      android:orientation="vertical"  
4.      android:layout\_width="wrap\_content"  
5.      android:layout\_height="wrap\_content"  
6.      **>**  
7.      **<****LinearLayout**  
8.          android:orientation="horizontal"  
9.         android:layout\_width="fill\_parent"  
10.         android:layout\_height="wrap\_content"  
11.         **>**  
12.         **<****LinearLayout**  
13.         android:orientation="vertical"  
14.         android:layout\_width="fill\_parent"  
15.         android:layout\_height="fill\_parent"  
16.         android:layout\_weight="1"  
17.         **>**  
18.             **<****TextView**   
19.             android:layout\_width="fill\_parent"  
20.             android:layout\_height="wrap\_content"  
21.             android:text="开始时间："  
22.             android:textSize="@dimen/font\_middler"  
23.             android:textColor="@color/white"  
24.             android:gravity="center"  
25.             **/>**  
26.             **<****DatePicker**  
27.             android:id="@+id/startDatePicker"  
28.             android:padding="5dip"  
29.             android:layout\_gravity="center\_horizontal"  
30.             android:layout\_width="wrap\_content"  
31.             android:layout\_height="wrap\_content"  
32.             **/>**  
33.         **</****LinearLayout****>**  
34.         **<****LinearLayout**  
35.         android:orientation="vertical"  
36.         android:layout\_width="fill\_parent"  
37.         android:layout\_height="fill\_parent"  
38.         android:layout\_weight="1"  
39.         android:layout\_marginLeft="5dip"  
40.         **>**  
41.             **<****TextView**   
42.             android:layout\_width="fill\_parent"  
43.             android:layout\_height="wrap\_content"  
44.             android:text="结束时间："  
45.             android:textSize="@dimen/font\_middler"  
46.             android:textColor="@color/white"  
47.             android:gravity="center"  
48.             **/>**  
49.             **<****DatePicker**  
50.             android:id="@+id/endDatePicker"  
51.             android:padding="5dip"  
52.             android:layout\_gravity="center\_horizontal"  
53.             android:layout\_width="wrap\_content"  
54.             android:layout\_height="wrap\_content"  
55.             **/>**  
56.         **</****LinearLayout****>**  
57.     **</****LinearLayout****>**  
58.     **<****LinearLayout**  
59.     android:orientation="horizontal"  
60.     android:layout\_width="fill\_parent"  
61.     android:layout\_height="wrap\_content"  
62.     android:gravity="center\_horizontal"  
63.     android:layout\_marginTop="20dip"  
64.     **>**  
65.          **<****Button** android:id="@+id/apply"  
66.             android:layout\_width="100dip"  
67.             android:layout\_height="wrap\_content"  
68.             android:text="确认"  
69.             android:textSize="@dimen/font\_middler"  
70.             **/>**  
71.          **<****Button** android:id="@+id/cancel"  
72.             android:layout\_width="100dip"  
73.             android:layout\_height="wrap\_content"  
74.             android:text="取消"  
75.             android:textSize="@dimen/font\_middler"  
76.             android:layout\_marginLeft="20dip"  
77.             **/>**  
78.     **</****LinearLayout****>**  
79. **</****LinearLayout****>**

用法：

Java代码   [![收藏代码][icon_star.png]][icon_star.png 1]

1.  **private** Calendar calendar\_start = Calendar.getInstance();  
2.  **private** Calendar calendar\_end = Calendar.getInstance();  
3.    
4.  //在需要的地方填入如下代码(通常是在Button的click事件中.)  
5.  qianlong.qlmobile.view.DatePickerDialog d=**new** qianlong.qlmobile.view.DatePickerDialog(  
6.                              HK\_TradeIPOActivity.**this**.getParent(),  
7.                              calendar\_start.get(Calendar.YEAR),  
8.                              calendar\_start.get(Calendar.MONTH),  
9.                              calendar\_start.get(Calendar.DAY\_OF\_MONTH),  
10.                             calendar\_end.get(Calendar.YEAR),  
11.                             calendar\_end.get(Calendar.MONTH),  
12.                             calendar\_end.get(Calendar.DAY\_OF\_MONTH)  
13.                             );  
14.                 d.setOnDateSetListener(onDateSetListener);  
15.                 d.show();  
16.   
17.   
18.   
19. //自己实现需要的功能  
20. **private** qianlong.qlmobile.view.DatePickerDialog.OnDateSetListener onDateSetListener=**new** qianlong.qlmobile.view.DatePickerDialog.OnDateSetListener()\{  
21.   
22.         @Override  
23.         **public** **void** onDateSet(**int** start\_year,  
24.                 **int** start\_monthOfYear,  
25.                 **int** start\_dayOfMonth,  
26.                 **int** end\_year,  
27.                 **int** end\_monthOfYear,  
28.                 **int** end\_dayOfMonth) \{  
29.             // TODO Auto-generated method stub  
30.           
31.             SimpleDateFormat simpleDateFormat = **new** SimpleDateFormat("yyyy/MM/dd");  
32.               
33.             calendar\_start.set(Calendar.YEAR, start\_year);  
34.             calendar\_start.set(Calendar.MONTH, start\_monthOfYear);  
35.             calendar\_start.set(Calendar.DAY\_OF\_MONTH, start\_dayOfMonth);  
36.               
37.               
38.             calendar\_end.set(Calendar.YEAR, end\_year);  
39.             calendar\_end.set(Calendar.MONTH, end\_monthOfYear);  
40.             calendar\_end.set(Calendar.DAY\_OF\_MONTH, end\_dayOfMonth);  
41.   
42. String startDate=simpleDateFormat.format(calendar\_start.getTime());  
43. String endDate=simpleDateFormat.format(calendar\_end.getTime());  
44.             //doSomething(startDate,endDate)      
45.               
46.               
47.         \}  
48.           
49.     \};

[6b38226f-f00a-3635-869f-7ab944a01e44.png]: /images/20220828/2ef7d138ebbc4319a7eb3e17636a57bc.png
[icon_star.png]: http://gundumw100.iteye.com/images/icon_star.png
[icon_star.png 1]: /images/20220828/a401aac3acfd4cadb05363fc7223d3e5.png