DatePicker and DateRangePicker to Nuxt Ui

[a2734961]

DatePicker and DateRangePicker to Nuxt Ui

DatePicker

1.Installation VCalendar

yarn add v-calendar@next @popperjs/core

2. Simple encapsulation of day.js

composables/day.js

import dayjs from 'dayjs'

type DateParam = string | number | Date

/**

• 时间格式化
• @param param string | number | Date
• @param formatter string default（YYYY-MM-DD） / export const dateFormatter = (param: DateParam, formatter: string = 'YYYY-MM-DD') => { if (!param) return '' if (typeof param === 'number' && param.toString().length === 10) { param = param 1000 } return dayjs(param).format(formatter) } /**
• 获取时间戳
• @param param Date() */ export const timeStamp = (param: Date) => { return dayjs(param).valueOf() }

  #### 3.Create a component
  > components/datePicker.vue

  #### 4.use it
  Vue pages in the 'pages' directory

  const date = ref()

  ## DateRangePicker
  Ensure there are steps 1 and 2.
  #### 3.Create a component
  > components/dateRangePicker.vue