一款好看的日曆控制元件
android 一款好看的日曆控制元件
1.依賴包
compile 'com.prolificinteractive:material-calendarview:1.4.0'
佈局中的使用:
<com.prolificinteractive.materialcalendarview.MaterialCalendarView android:id="@+id/calendarView" android:layout_width="match_parent" android:layout_height="wrap_content" app:mcv_showOtherDates="all" app:mcv_arrowColor="?attr/colorPrimary" app:mcv_leftArrowMask="@drawable/ic_navigation_arrow_back" app:mcv_rightArrowMask="@drawable/ic_navigation_arrow_forward" app:mcv_selectionColor="?attr/colorPrimary" //選中時間的背景顏色 app:mcv_headerTextAppearance="?android:attr/textAppearanceMedium" app:mcv_dateTextAppearance="@style/CustomDayTextAppearance" app:mcv_weekDayTextAppearance="?android:attr/textAppearanceMedium" app:mcv_weekDayLabels="@array/custom_weekdays" //顯示中文星期 app:mcv_monthLabels="@array/custom_months" //顯示中文月份 app:mcv_tileSize="36dp" app:mcv_firstDayOfWeek="thursday" //顯示的第一個 app:mcv_calendarMode="week" //顯示的模式 周 月 /> 1.自定義中文顯示年月日 星期 <string-array name="custom_weekdays"> <item>星期天</item> <item>星期一</item> <item>星期二</item> <item>星期三</item> <item>星期四</item> <item>星期五</item> <item>星期六</item> </string-array> <string-array name="custom_months"> <item>一月</item> <item>二月</item> <item>三月</item> <item>四月</item> <item>五月</item> <item>六月</item> <item>七月</item> <item>八月</item> <item>九月</item> <item>十月</item> <item>十一月</item> <item>十二月</item> </string-array>
3.在JAVA程式碼中的使用:
1.監聽選中的時間
mSettimeTimeMv.setOnDateChangedListener(new OnDateSelectedListener() {
@Override
public void onDateSelected(@NonNull MaterialCalendarView widget, @NonNull CalendarDay date, boolean selected) {
CalendarDay selectedDate = mSettimeTimeMv.getSelectedDate();
String data = dateInstance.format(selectedDate.getDate());
//TODO
}
});
2.設定時間範圍
widget.setShowOtherDates(MaterialCalendarView.SHOW_ALL);
Calendar instance = Calendar.getInstance();
widget.setSelectedDate(instance.getTime());
Calendar instance1 = Calendar.getInstance();
instance1.set(instance1.get(Calendar.YEAR), Calendar.JANUARY, 1);
Calendar instance2 = Calendar.getInstance();
instance2.set(instance2.get(Calendar.YEAR), Calendar.DECEMBER, 31);
widget.state().edit()
.setMinimumDate(instance1.getTime())
.setMaximumDate(instance2.getTime())
.commit();
相關文章
- 帶農曆日曆的DatePicker控制元件!Xamarin控制元件開發小記控制元件
- 開源一個ReactNative日曆控制元件React控制元件
- iOS 自定義日曆(日期選擇)控制元件iOS控制元件
- delphi 控制元件 LssCalendar V2.0 (支援農曆的月曆控制元件)控制元件
- 日曆2021年日曆表|2021年日曆表列印版 Excel版Excel
- C日曆
- 日曆表
- 日曆外掛
- 日曆計算
- My97 DatePicker日曆控制元件在火狐或IE下打不開控制元件
- win10電腦日曆怎麼顯示農曆_win10系統日曆顯示農曆的設定方法Win10
- vue之實現日曆----顯示農曆,滾動日曆監聽年月改變Vue
- win10 日曆怎麼顯示農曆_win10日曆不顯示農曆怎麼辦Win10
- js手寫日曆JS
- 學習日曆-初始
- RowFish -- 開源一款比較好看的docusaurus主題
- 縱享絲滑滑動切換的周月日曆,水滴效果,豐富自定義日曆樣式,仿小米日曆(ViewDragHelper實現)View
- 小程式-日曆簽到
- InstaCal for Mac日曆軟體Mac
- Excel動態日曆1Excel
- GlanceCal for mac日曆軟體Mac
- win10在日曆裡顯示天氣和農曆的方法_win10怎麼讓日曆磁貼顯示農曆和天氣Win10
- Mac日曆如何新增提醒事件的教程Mac事件
- 十五款好看的鍵帽,總有一款適合你✔
- 記新專案中遇到的有關農曆,日曆元件的所有問題。元件
- 前端學習02:jQuery 日曆前端jQuery
- Oracle和JDE日曆轉換Oracle
- 用java實現日曆demo。Java
- 在 Linux 命令列上使用日曆Linux命令列
- 第三週學習日曆
- BusyCal for Mac任務日曆工具Mac
- Fantastical 2 for Mac(日曆軟體)ASTMac
- BusyCal for Mac(日曆應用程式)Mac
- BusyCal for Mac(任務日曆工具)Mac
- vue寫一個炫酷的日曆元件Vue元件
- Flutter日曆專案的優化記錄Flutter優化
- 封裝一個簡單的日曆元件封裝元件
- Vue日曆的編寫,可顯示周和月的模式(其中可以自定義日曆裡內容的顯示)Vue模式
- 原生js日曆選擇器,學習js物件導向開發日曆外掛JS物件