小程序taro日期选择器

以下是使用taro-ui组件库中的DatePicker组件来创建日期选择器的示例代码：

import Taro, { useState } from '@tarojs/taro'
import { View, Button, DatePicker } from '@tarojs/components'
import '@tarojs/taro-ui/dist/style/components/date-picker.scss'

function MyDatePicker() {
  const [date, setDate] = useState('')

  const handleDateChange = (e) => {
    setDate(e.detail.value)
  }

  const handleButtonClick = () => {
    Taro.showToast({
      title: `你选择的日期是 ${date}`,
      icon: 'none'
    })
  }

  return (
    <View>
      <DatePicker value={date} onChange={handleDateChange} />
      <Button onClick={handleButtonClick}>确定</Button>
    </View>
  )
}

export default MyDatePicker

在这个示例中，我们创建了一个MyDatePicker组件，它包含一个DatePicker和一个按钮。当用户选择日期时，DatePicker会触发onChange事件，我们将选择的日期存储在useState钩子中的date状态中。当用户点击按钮时，我们使用Taro.showToast方法来显示所选日期的信息。请注意，我们还从taro-ui中导入了DatePicker样式表，并将其应用于组件中。