Skip to content

DatePicker 日期选择器

按钮(Button)是用户界面中常见的交互元素,通常用于触发某种操作或提交表单。

基础用法

基础按钮,使用 type属性来定义不同类型的按钮。

基础用法
DatePicker 组件的基础用法
2024/4
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11

Selected Date:

<template>
  <div>
    <DatePicker v-model="selectedDate" placeholder="Select date"></DatePicker>
    <p>Selected Date: {{ selectedDate }}</p>
  </div>
</template>

<script setup>
import DatePicker from '@/components/DatePicker/DatePicker.vue'
import { ref } from 'vue'
const selectDate = ref("")

</script>