--demand 面授课

src/components/common/RangePicker.vue

@@ -0,0 +1,47 @@
+<template>
+  <div class="select">
+    <div class="select addTimeBox">
+      <div class="addTime">创建时间：</div>
+      <a-range-picker
+        style="width: 420px"
+        format="YYYY-MM-DD"
+        valueFormat="YYYY-MM-DD"
+        separator="至"
+        :placeholder="['      开始时间', '        结束时间']"
+        @change="change"
+      />
+    </div>
+  </div>
+</template>
+<script setup>
+import {defineEmits} from "vue";
+
+const emit = defineEmits(["update:beginTime", "update:endTime"]);
+
+function change(e) {
+  emit("update:beginTime", e[0]);
+  emit("update:endTime", e[1]);
+}
+</script>
+<style  lang="scss">
+.addTimeBox {
+  position: relative;
+  display: flex;
+  align-items: center;
+
+.addTime {
+  position: absolute;
+  z-index: 10;
+  margin-left: 10px;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.ant-picker {
+  padding-left: 85px;
+}
+
+.ant-picker-range .ant-picker-active-bar {
+  margin-left: 85px;
+}
+}
+</style>