npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

mrczz-calendar

v1.0.3

Published

支持单/多选,农历展示,添加标记,首次加载自动添加选择项,左右上下滑动查看上下月。

Downloads

7

Readme

calendar

react-native calendar

支持单/多选,农历展示,添加标记,首次加载自动添加选择项,左右上下滑动查看上下月。

选择框大小,样式均可修改。

下次更新按年展示,

使用:npm i mrczz-calendar --save

DEMO:cd到Demo目录下,执行npm install 完成后,直接运行项目

    <MonthList  style = {{marginHorizontal:25,marginTop:64}}
                width = {Dimensions.get('window').width - 50}
                height = {270}
                isSelectMore = {false}           //是否允许多选
                isShowNotCurrentMonth = {true}   //是否展示当月天
                isSelectGray = {false}           //是否可以点击非当月天
                horizontal = {true}              //是否横向滑动
                getShowTime = {(year,month) =>{//返回当前年月
                }}
                getMarks={(month) =>{
                //每次加载新界面,获取对应标签,数组中传几号
                return [3,6,9];
                }}
                getSelectDays={(month) =>{
                //每次加载新界面(重复加载<加载第二次>不获取),获取对应选择天,数组中传几号
                return [13,16,19];
                }}
                selectDaysBack={(days) =>{
                console.log(days);
                }}/>
                    

    ## 可设置属性   ##
    horizontal: PropTypes.bool, //暂时只能横屏
    year : PropTypes.number,    //默认当前年
    month: PropTypes.number,    //默认当前月 和 日

    marks : PropTypes.array,    //日期标签(右上角小红点)

    isShowNotCurrentMonth : PropTypes.bool, //是否展示非本月日期
    isSelectGray : PropTypes.bool,          //是否可选择非本月日期

    isSelectMore: PropTypes.bool,       //是否多选
    markColor : PropTypes.string,       //标签颜色
    selectColor : PropTypes.string,     //选中颜色
    selectShape:PropTypes.string,   //  圆:round  正方形:square,
    selectSpace:PropTypes.number,   //选中背景距离边格的距离,默认0,

    getMarks : PropTypes.func,      //返回当前年月,获取对应月标签数组
    getSelectDays : PropTypes.func, //返回当前年月,获取对应月选中数组  ***每月初始化调用一次,此后不再调用
    selectDaysBack : PropTypes.func,    //返回选中day数组
                            

Alt text

Alt text