diff --git a/app/src/main/java/cc/niushuai/dididone/ui/calendar/CalendarFragment.java b/app/src/main/java/cc/niushuai/dididone/ui/calendar/CalendarFragment.java
index 0785090..6921494 100644
--- a/app/src/main/java/cc/niushuai/dididone/ui/calendar/CalendarFragment.java
+++ b/app/src/main/java/cc/niushuai/dididone/ui/calendar/CalendarFragment.java
@@ -1,6 +1,7 @@
 package cc.niushuai.dididone.ui.calendar;
 
 import android.os.Bundle;
+import android.util.Log;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
@@ -10,6 +11,15 @@ import androidx.annotation.NonNull;
 import androidx.fragment.app.Fragment;
 import androidx.lifecycle.ViewModelProvider;
 
+import com.necer.calendar.BaseCalendar;
+import com.necer.entity.CalendarDate;
+import com.necer.entity.Lunar;
+import com.necer.enumeration.DateChangeBehavior;
+import com.necer.listener.OnCalendarChangedListener;
+import com.necer.utils.CalendarUtil;
+
+import org.joda.time.LocalDate;
+
 import cc.niushuai.dididone.databinding.FragmentCalendarBinding;
 
 public class CalendarFragment extends Fragment {
@@ -24,11 +34,45 @@ public class CalendarFragment extends Fragment {
         binding = FragmentCalendarBinding.inflate(inflater, container, false);
         View root = binding.getRoot();
 
-        final TextView textView = binding.textHome;
-        calendarViewModel.getText().observe(getViewLifecycleOwner(), textView::setText);
+
+        setListeners();
+
         return root;
     }
 
+    private void setListeners() {
+        // 日历选择变更事件
+        setCalendarChangeListener();
+    }
+
+    /**
+     * 日历选择变更事件
+     */
+    private void setCalendarChangeListener() {
+
+        binding.miui10Calendar.setOnCalendarChangedListener(new OnCalendarChangedListener() {
+            @Override
+            public void onCalendarChange(BaseCalendar baseCalendar, int year, int month, LocalDate localDate, DateChangeBehavior dateChangeBehavior) {
+                binding.tvResult.setText(year + "年" + month + "月" + "   当前页面选中 " + localDate);
+                Log.d(getTag(), "   当前页面选中 " + localDate);
+                Log.d(getTag(), "   dateChangeBehavior " + dateChangeBehavior);
+
+                Log.e(getTag(), "baseCalendar::" + baseCalendar);
+                if (localDate != null) {
+                    CalendarDate calendarDate = CalendarUtil.getCalendarDate(localDate);
+                    Lunar lunar = calendarDate.lunar;
+                    binding.tvData.setText(localDate.toString("yyyy年MM月dd日"));
+                    binding.tvDesc.setText(lunar.chineseEra + lunar.animals + "年" + lunar.lunarMonthStr + lunar.lunarDayStr);
+                } else {
+                    binding.tvData.setText("");
+                    binding.tvData.setText("");
+                }
+            }
+
+        });
+
+    }
+
     @Override
     public void onDestroyView() {
         super.onDestroyView();
diff --git a/app/src/main/res/drawable/bg_miui10.xml b/app/src/main/res/drawable/bg_miui10.xml
new file mode 100644
index 0000000..a0b10f2
--- /dev/null
+++ b/app/src/main/res/drawable/bg_miui10.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+    android:shape="rectangle">
+    <solid android:color="@android:color/white" />
+    <corners
+        android:radius="10dp" />
+    <stroke
+        android:width="1dp"
+        android:color="@android:color/white" />
+</shape>
\ No newline at end of file
diff --git a/app/src/main/res/layout/fragment_calendar.xml b/app/src/main/res/layout/fragment_calendar.xml
index 5256ebb..8efe787 100644
--- a/app/src/main/res/layout/fragment_calendar.xml
+++ b/app/src/main/res/layout/fragment_calendar.xml
@@ -6,17 +6,76 @@
     android:layout_height="match_parent"
     tools:context=".ui.calendar.CalendarFragment">
 
-    <TextView
-        android:id="@+id/text_home"
+    <LinearLayout
         android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_marginStart="8dp"
-        android:layout_marginTop="8dp"
-        android:layout_marginEnd="8dp"
-        android:textAlignment="center"
-        android:textSize="20sp"
-        app:layout_constraintBottom_toBottomOf="parent"
-        app:layout_constraintEnd_toEndOf="parent"
-        app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toTopOf="parent" />
+        android:layout_height="match_parent"
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/tv_result"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:gravity="center"
+            android:padding="15dp" />
+
+        <com.necer.view.WeekBar
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_alignParentBottom="true"
+            android:textColor="#666666" />
+
+
+        <com.necer.calendar.Miui10Calendar
+            android:id="@+id/miui10Calendar"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            app:showNumberBackground="true"
+            app:solarTextBold="true">
+
+            <androidx.core.widget.NestedScrollView
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:background="@android:color/darker_gray">
+
+                <LinearLayout
+                    android:layout_width="match_parent"
+                    android:layout_height="match_parent"
+                    android:orientation="vertical">
+
+                    <LinearLayout
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:layout_marginLeft="15dp"
+                        android:layout_marginTop="10dp"
+                        android:layout_marginRight="15dp"
+                        android:layout_marginBottom="15dp"
+                        android:background="@drawable/bg_miui10"
+                        android:orientation="vertical"
+                        android:padding="15dp">
+
+                        <TextView
+                            android:id="@+id/tv_data"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:text=""
+                            android:textColor="#333333"
+                            android:textSize="13sp" />
+
+                        <TextView
+                            android:id="@+id/tv_desc"
+                            android:layout_width="match_parent"
+                            android:layout_height="wrap_content"
+                            android:layout_marginTop="10dp"
+                            android:text=""
+                            android:textColor="#666666"
+                            android:textSize="12sp" />
+
+                    </LinearLayout>
+
+                </LinearLayout>
+            </androidx.core.widget.NestedScrollView>
+
+        </com.necer.calendar.Miui10Calendar>
+    </LinearLayout>
+
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file