任务明细页面

pages/taskDetail/index.js

@@ -2,9 +2,11 @@ let taskId = '';
 Page({
     data: {
         mode: '',
-        dateVisible: false,
+        alertVisible: false,
+        completeVisible: false,
         date: new Date('2021-12-23').getTime(), // 支持时间戳传入
-        dateText: '',
+        alertText: '',
+        completeText: '',
         // 指定选择区间起始值
         start: '2008-01-01 00:00:00',
         end: '2040-12-31 23:59:59',

pages/taskDetail/index.json

@@ -1,5 +1,8 @@
 {
   "usingComponents": {
-    "t-date-time-picker": "../../components/date-time-picker/date-time-picker"
+    "t-date-time-picker": "../../components/date-time-picker/date-time-picker",
+    "t-picker": "../../components/picker/picker",
+    "t-picker-item": "../../components/picker/picker-item",
+    "t-switch": "../../components/switch/switch"
   }
 }

pages/taskDetail/index.wxml

@@ -2,17 +2,51 @@
 <t-cell
         title="完成日期"
         hover
-        note="{{dateText || '年 月 日'}}"
+        note="{{completeText || '年 月 日'}}"
         arrow
-        data-mode="date"
+        data-mode="complete"
         bindtap="showPicker"
-        class="test"
         t-class="pannel-item"
-        t-class-note="{{dateText ? 'sub-text' : 'empty'}}"
+        t-class-note="{{completeText ? 'sub-text' : 'empty'}}"
 />
+<t-cell
+        title="提醒日期"
+        hover
+        note="{{alertText || '年 月 日'}}"
+        arrow
+        data-mode="alert"
+        bindtap="showPicker"
+        t-class="pannel-item"
+        t-class-note="{{alertText ? 'sub-text' : 'empty'}}"
+/>
+<t-picker
+        visible="{{cityVisible}}"
+        value="{{cityValue}}"
+        data-key="city"
+        title="{{pickerTitle}}"
+        cancelBtn="取消"
+        confirmBtn="确认"
+        bindchange="onPickerChange"
+        bindpick="onColumnChange"
+        bindcancel="onPickerCancel"
+>
+    <t-picker-item options="{{citys}}"></t-picker-item>
+</t-picker>
 <t-date-time-picker
-        title="选择日期"
-        visible="{{dateVisible}}"
+        title="选择日期1"
+        visible="{{completeVisible}}"
+        mode="date"
+        defaultValue="{{date}}"
+        format="YYYY-MM-DD"
+        bindchange="onConfirm"
+        bindpick="onColumnChange"
+        bindcancel="hidePicker"
+        start="{{start}}"
+        end="{{end}}"
+></t-date-time-picker>
+<t-date-time-picker
+        title="选择日期2"
+        visible="{{alertVisible}}"
         mode="date"
         defaultValue="{{date}}"
         format="YYYY-MM-DD"
@@ -22,4 +56,3 @@
         start="{{start}}"
         end="{{end}}"
 ></t-date-time-picker>
-<t-input placeholder="最大输入10个字符" maxlength="{{10}}" clearable />

pages/taskDetail/index.wxss

@@ -1,6 +1,5 @@
 .pannel-item {
     font-size: 32rpx;
-    margin-bottom: 32rpx;
 }
 
 .pannel-item::after {