taro小程序日期选择器

taro-swiper-week

taro-swiper-week 是一个基于 taro 的日期选择器控件。

可以用在h5、微信小程序等众多平台！

简体中文 | English

使用

先安装

npm install taro-swiper-week

再引入页面

import SwiperWeek from "taro-swiper-week";
import { View } from "@tarojs/components";
import { useState } from "react";

export default () => {
  const [day, setDay] = useState("2022-08-11");
  const onChange = val => {
    setDay(val);
  };
  return (
    <>
      <SwiperWeek value={day} onChange={onChange} />
      <View>选中日期：{day}</View>
    </>
  );
};

注意

如果你的环境是h5，还需要修改配置项如下。

因为taro的单位转换默认不处理node_modules中的，如下配置方可帮我们转换。

// config/index.js
const config = {
  ...
  h5: {
    esnextModules:['taro-swiper-week'],
    ...
  }
  ...
}

配置项

参数	说明	类型	默认
value	初始值	string	今天
hideNickname	隐藏日期别名，如昨天、明天	boolean	true
onChange	日期选择回调	function(value)	-

谢谢

如果这个项目对你有帮助,请帮忙点一个 Star