react 移动端 h5 端日历组件周日历月日历周视图月视图

最新推荐文章于 2024-09-13 21:48:51 发布

子宓

最新推荐文章于 2024-09-13 21:48:51 发布

阅读量2.5k

点赞数

本文链接：https://blog.csdn.net/koki2020/article/details/111310736

版权

react-h5-calendar

git 库地址

造一个小轮子,核心文件不到三百行,一款基于react 的移动端 , mobile, h5 日历展示组件

demo

在这里插入图片描述

扫描二维码直接查看demo

在这里插入图片描述

直接打开浏览器查看 https://kokiy.github.io/react-h5-calendar/

react 移动端日历组件

支持周视图,周日历
支持月视图,月日历
支持左右滑动切换月份
支持上下滑动切换日历视图
支持日历上打点标记
基于dayjs处理日历逻辑

使用教程

yarn add react-h5-calendar

import {
    MobileCalendar } from 'react-h5-calendar'
export

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

子宓

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

react-h5-calendar:react 移动端日历插件。上下滑动切换周月模式。支持两种模式：1，月模式，左右滑动切换月份。2、周模式，左右滑动切换周. h5 日历组件, 支持日期标记

05-07

react-h5-calendar 简体中文 | 造一个小轮子,核心文件不到三百行,一款基于 react 的移动端 , mobile, h5 日历展示组件我这个只是精简版的日历 ,大而全的可参考 demo 扫描二维码直接查看 demo 直接打开浏览器查看 react 移动端日历组件支持周视图,周日历支持月视图,月日历支持左右滑动切换月份支持上下滑动切换日历视图支持日历上打点标记本项目基于构建和发布基于处理日历逻辑使用教程 yarn add react-h5-calendar import { MobileCalendar } from 'react-h5-calendar' export default class Demo extends Component { render() { return ( <MobileCalendar

react-一款基于react的日历组件

08-15

一款基于react的日历组件

1 条评论您还未登录，请先登录后发表或查看评论

Vue-Mobile-Calendar 常见问题解决方案

gitblog_07585的博客

09-13

286

Vue-Mobile-Calendar 常见问题解决方案 vue-mobile-calendar a vue component of calendar for mobile移动端vue日期选择组件项目地址: https://g...

移动端H5日历组件

08-10

移动端H5日历组件

react-calendar-mobile：React Calendar Mobile是一个非常易于使用且启用滚动事件的组件

02-04

React Calendar Mobile React Calendar Mobile是一个非常易于使用且无需额外花费的组件。它可以在任何具有出色性能的项目中使用！与其他日历/日期选择器组件不同，此组件使用触摸和滚动来移动到不同的月或周，例如移动设备上的本机日历。它支持每月和每周视图。点此阅读文档如何安装 npm install react-calendar-mobile --save 如何使用 ES6 import Calendar from 'react-calendar-mobile'; 普通JS var Calendar = require('react-calenda

移动端『H5周历组件』

weixin_34095889的博客

04-22

1195

文档维护者：孙尊路转载注明出处。喜欢的话，记得star 或关注一下噢！适用场景前些阵子，写了一篇《日历组件实现》的使用在线文档，遇到一个需求：实现一个H5周历来填写每周的工作日志，去网上查阅资料，发现很多示例也没有一个标准的使用文档，感觉用起来也吃力，于是就自己造了一个周历组件，文章下面有很详细的使用说明。本篇结合了实际的项目应用需求整理出来的，该文档后面会持续优化更新。若有不足，也...

周月切换日历，支持农历，节假日显示，上下左右滑动

11-17

本项目针对公司的特定需求，实现了一个功能丰富的日历视图，支持周月切换，农历显示，节假日标注，以及日期自定义标记。以下是这个定制日历组件的关键知识点和实现细节： 1. **周月切换**：此功能允许用户在周视图...

H5 时间选择器 datepicker

02-16

`datepicker`是一个UI元素，用于显示一个日历视图，用户可以从中选择日期。它通常与输入框关联，当用户点击输入框时，日历会弹出，用户选择日期后，该日期会显示在输入框内。`datepicker`可以是原生浏览器支持的特性...

携程阿里旅行日历选择

02-18

例如，携程和阿里旅行可能采用了定制的日历视图，以提供更好的用户体验，如颜色编码、多选日期等。 2. **用户交互**：用户应能轻松地在日历上选择出发和返回日期。这通常涉及到滑动选择日期、点击特定日期单元格...

React移动端h5日历组件react-h5-calendar周日历月日历周视图月视图自定义标记点

刻痕

02-15

4675

React移动端h5日历组件能用的插件不多，不想自己手写，只能使用插件了。react-h5-calendar还不错，长的不丑，切换也流畅。文档： github简易介绍：https://github.com/kokiy/react-h5-calendar 另外补充：react-hash-calendar插件文档 github详细地址：https://github.com/TangSY/react-hash-calendar DEMO：（实际不抖）查看：或浏览器打开：https://kokiy.gi

react移动端日历组件

Tanjc518的博客

06-15

598

【代码】react移动端日历组件。

h5移动开发中日历插件

12-19

h5移动开发中日历插件，包括基本日历，带农历日期带，带提醒的等

calendar:移动端日历组件

07-03

calendar 该日历组件适用于移动web端开发，轻量简洁，灵活配置，如项目中使用jqmobi或zepto作为底层库，可直接使用。提供基础的样式选择，为满足具体使用场景，可在此基础上对样式做定制修改。 (建议扫描下方二维码手机上体验效果更佳) ###组件主要功能日历范围选择，不在范围内的日期置灰节假日显示，可配置是否显示节假日自由配置初始化生成多日历各种操作事件自由监听，选择日期、显示、隐藏事件对外提供日期操作的相关方法 ###配置参数说明 this.defaultConfig = { /** * 日历外层容器ID * type {string|jq object} id字符串或jq对象 */ el: '#calendar', /** * 初始化日历显示个数 */ count: 5, /

react-calendar:一个简单的 React 日历组件

07-08

React日历一个简单的 React 日历组件 npm install -g grunt如果你还没有 Grunt。 npm install安装本地依赖 grunt来编译 Javascript。

Calendar移动端日历插件

08-10

Calendar 移动端日历插件

html移动端日历插件

03-15

html移动端日历插件，一款比较好看的日历插件，在网上找了蛮久的

移动端日历组件

DN金猿的博客

10-07

579

文档地址： clndr-日历 · GitBook

移动端『H5日历组件』已废弃不再维护

weixin_34358365的博客

04-09

315

文档维护者：孙尊路转载请注明出处。喜欢的话，记得star 或关注一下吧！适用场景该组件目前仅适用于移动端H5页面展示，后期高级用法中会讲述到如何基于日历基类实现自定义模板传入。（即：开发者只需要传入自己的模板即可实现出自己的优美的日历出来。）本篇主要是带大家入门日历组件的使用，该文档后面会持续优化更新。若有不足，请大家多多指教，小编会及时更正！实例展示日历示例演示，支持滑动...

vue移动端项目日历组件，月周切换，点击进入上/下一个月

jl____的博客

06-25

4130

项目场景： Vue移动端项目的日历组件，移动端如果没有别的特别要求，一般用vant中的日历组件就OK，这里用的另一个。组件是网上找的，原网址：vue-hash-calendar，需要的请自行去看。我用他的这个组件，实现的功能：点击进行月周切换，显示当前日期，左右滑动切换月/周，点击箭头切换月/周）。项目效果：解决方案： < template >中的代码。 <div> <div>每日记录</div> <img class="iconL

react移动端h5开发，二维码扫描插件