日历包一层van-sticky

src/views/ebiz/attendance/Monthly.vue

@@ -1,36 +1,27 @@
 <template>
   <div>
-    <!-- <div class="bg-white absolute header">
+       <van-sticky>
-      <div class="flex h70 align-items-c border-gb">
+        <DatetimePicker
-        <img src="@/assets/images/u1203.png" alt class="h40 w40 ml15" />
+          ref="datetimepicker"
-        <span class="ml10 fs14">{{name}}</span>
+          model="inline"
-        <div class="absolute right20 flex fs13">{{time}} 星期{{week}}</div>
+          :scroll-change-date="true"
-        <div class="CalendarDiv"></div>
+          :visible.sync="isShowCalendar"
-      </div>
+          :default-datetime="defaultDatetime"
-    </div> -->
+          :is-show-week-view="isShowWeek"
-    <div class="calendar">
+          :minute-step="1"
-       <DatetimePicker
+          :mark-date="markDate"
-        ref="datetimepicker"
+          mark-type="dot"
-        model="inline"
+          week-start="sunday"
-        :scroll-change-date="true"
+          picker-type="date"
-        :visible.sync="isShowCalendar"
+          :show-today-button="true"
-        :default-datetime="defaultDatetime"
+          :disabled-week-view="false"
-        :is-show-week-view="isShowWeek"
+          format="YY/MM/DD hh:mm"
-        :minute-step="1"
+          @get-height="getHeight"
-        :mark-date="markDate"
+          @confirm="dateConfirm"
-        mark-type="dot"
+          @change="dateChange"
-        week-start="sunday"
+          :name="name"
-        picker-type="date"
+        ></DatetimePicker>
-        :show-today-button="true"
+       </van-sticky>
-        :disabled-week-view="false"
-        format="YY/MM/DD hh:mm"
-        @get-height="getHeight"
-        @confirm="dateConfirm"
-        @change="dateChange"
-        :disabledWeekView='disabledWeekView'
-        :name="name"
-      ></DatetimePicker>
-    </div>
     <div class="footer" v-if="flagGo!=='4'">
       <div class="fs12 c-gray-base h30 line-height ml15">班次：正常 09:00-18:00</div>
       <div class=" h40 flex align-items-c border-gb footer-bg">
@@ -67,12 +58,14 @@
 </template>
 <script>
 import DatetimePicker from './DatetimePicker.vue'
+import { Sticky } from 'vant'
 import { getDayDetail,getMonthDetail } from '@/api/ebiz/attendance/attendance';
 import { formatDate } from './utils/util'
 export default {
   name: 'monthly',
   components: {
-   DatetimePicker
+   DatetimePicker,
+   [Sticky.name]: Sticky,
   },
   data() {
     return {