Giter Site home page Giter Site logo

wx-calendar's Introduction

日历组件,带标点带展开功能

示例图

/component/calendar 组件主体

/index 组件演示

Props

属性名 说明 类型 默认值
spotMap 标点的日期对象,属性名为具体日期如:y2000m10d10,属性值为'spot'或'deep-spot',颜色分别为青色和橙色 Object {}
defaultTime 标记的日期,默认为今日,传入格式推荐为'2022/1/2'或'2022/01/02',否则在 ios 上可能会出现识别错误的情况 String ''
title 日历的标题,默认无 String ''
goNow 是否有快速回到今天的功能 Boolean true
defaultOpen 是否是打开状态 Boolean false
showShrink 是否显示收缩展开 Boolean true
disabledDate 要禁用的日期函数,日历在渲染时会主动调用该方法参数为{ day, month, year }对象,当方法返回 true 时会禁用该日期。使用方法见示例 ({ day: number, month: number, year: number }) => void ()=>void
changeTime 要改变的日期,改变即生效。用于 Data 构造函数的第一个参数 传入格式推荐为'2022/1/2'或'2022/01/02' String ''
firstDayOfWeek 周起始日 Number 1 ~ 7 7

Events

事件名 说明 参数值
bind:getDateList 渲染某个月份, setMonth:渲染的月,setYear:渲染的年 。注意:不能代指现在的月份,在加载时会获取当前月以及上下两月的 {setMonth: number,setYear: number}
bind:selectDay 选中日期的年月日 { day: number, month: number, year: number}
bind:openChange 日历切换的状态,true 打开; false 关闭 展开收缩时触发的事件 { open: boolean }

联系作者

微信 gg6630gg

wx-calendar's People

Contributors

sio2-a avatar

Stargazers

 avatar 马腾 avatar Mark avatar Proel avatar  avatar  avatar  avatar  avatar lao sj avatar  avatar SimHuang avatar dusdong avatar  avatar Shijie avatar rayboon avatar Cloudoer avatar  avatar wangjungang avatar febmark avatar liangyongxin avatar 马杰 avatar  avatar  avatar Li Zhi avatar 咖啡沫 avatar qingfeng avatar  avatar  avatar

Watchers

 avatar

wx-calendar's Issues

如何往日期里面传数值

例如2023-11-03 这一天我有一些统计结果5,如何才能把这个数值传给日期2023-11-03 所在的位置 并进行样式展示呢?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.