#vue-ts

项目依赖

1、Node >= 16，依赖管理工具推荐使用 pnpm >= 8
2、项目使用dayjs替代moment时间依赖

| key | Type | Required | Default | Description | | -------------- | -------- | -------- | ------------------------ | ------------------------ | | value(v-model) | string[] | true | | | | showTime | boolean | false | false | 是否显示时间 | | format | string | false | YYYY-MM-DD HH:mm:ss | 日期显示格式 | | valueFormat | string | false | YYYY-MM-DD HH:mm:ss | 日期输出格式 | | disabledDate | boolean | false | false | 是否检验开始结束时间逻辑 | | allowClear | boolean | false | true | 是否显示清除按钮 | | placeholder | string[] | false | ['开始时间', '结束时间'] | 默认显示 |

使用

1. 全局中引入样式文件，必须引入在 ant-design-vue 的样式之前
@import "ztf-datepicker/lib/style.css";
@import 'ant-design-vue/dist/antd.less';

2. vue文件中引用
<template>
  <div style="margin-top: 1000px">
    <DatePicker v-model:value="value" />
  </div>
</template>
<script setup lang="ts">
import DatePicker from "ztf-datepicker";
import { ref } from "vue";
const value = ref([]);
</script>