@zhaonuo/datapicker

#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	日期显示格式
disabledEndDate	boolean	false	false	是否检验开始结束时间逻辑
placeholder	string[]	false	['开始时间', '结束时间']	默认显示

使用

1. 全局中引入样式文件，必须引入在 ant-design-vue 的样式之前
@import "ztf-datapicker/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-datapicker";
import { ref } from "vue";
const value = ref([]);
</script>