Skip to content

日期选择器 ​

基于 naive-ui 的date-picker二次封装。

INFO

无需引入,可直接使用

Usage ​

vue
<script lang="ts" setup>
import type { Recordable } from 'easy-fns-ts'

defineOptions({
  name: 'DatePickerDemo',
  defaultView: false,
})

const state = reactive<Recordable>({})
</script>

<template>
  <WDemoCard title="Date Picker">
    <WJSON :value="state" height="80px" />

    <n-list>
      <n-list-item>
        <WTitle prefix="bar" class="mb-2">
          Basic Usage
        </WTitle>

        <WDatePicker v-model:value="state.color1" />
      </n-list-item>
    </n-list>
  </WDemoCard>
</template>

Props ​

名称类型默认值说明
(继承自naive-ui DatePickerProps)--支持naive-ui原生日期选择器所有属性
(继承自naive-ui DatePickerProps)--支持naive-ui原生日期选择器所有属性

Type ​

ts
import type { DatePickerProps } from 'naive-ui'

export interface ICompUIDatePickerProps extends /* @vue-ignore */ DatePickerProps { }

基于 MIT 许可发布