---初始化后台管理web页面项目

src/components/DatePicker/index.ts

@@ -0,0 +1,4 @@
+import { withInstall } from '/@/utils/index';
+import datepicker from './src/DatePicker.vue';
+
+export const XjrDatePicker = withInstall(datepicker);

src/components/DatePicker/src/DatePicker.vue

@@ -0,0 +1,58 @@
+<template>
+    <a-date-picker
+        :size="size"
+        v-model:value="modelValue"
+        :placeholder="placeholder"
+        :format="format"
+        :valueFormat="format"
+        :allowClear="allowClear"
+        :disabled="originalDisabled || disabled"
+        :showTime="format === 'YYYY-MM-DD HH:mm:ss'"
+        :picker="picker"
+        @change="handleChange"
+    />
+</template>
+<script lang="ts" setup>
+import dayjs, {Dayjs} from 'dayjs';
+import {ref, watch, computed} from 'vue';
+
+const props = defineProps({
+    value: [dayjs, String, Object],
+    size: String,
+    placeholder: String,
+    format: String,
+    allowClear: Boolean,
+    disabled: Boolean,
+    originalDisabled: {
+        type: Boolean,
+        default: false
+    }
+});
+const modelValue = ref<Dayjs>();
+const emit = defineEmits(['update:value']);
+
+const picker = computed(() => {
+    let time = 'date';
+    switch (props.format) {
+        case 'YYYY-MM':
+            time = 'month';
+            break;
+        case 'YYYY':
+            time = 'year';
+            break;
+    }
+    return time;
+});
+watch(
+    () => props.value,
+    (val) => {
+        modelValue.value = val ? dayjs(val) : undefined;
+    },
+    {
+        immediate: true,
+    },
+);
+const handleChange = (time) => {
+    emit('update:value', time);
+};
+</script>