小程序原生框架自定义日历组件weapp-calendar

最新推荐文章于 2024-05-31 17:34:30 发布
最新推荐文章于 2024-05-31 17:34:30 发布
阅读量2.8k 收藏 2
点赞数 2
分类专栏： 小程序 组件 文章标签： 小程序 日历组件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jeffid/article/details/89382770
版权

特点

  • 可设置一周的起始日期是周一或周日
  • 可初始显示指定的日期
  • 可设置截止选择的日期
  • 可设置有标红点的日期
  • 可更改主题色

更多信息请查看 github仓库

线上效果示例(砖头时间)

扫码进入小程序点击右侧中间的日历图标即可查看实际效果.

顺便介绍下这是个对时间投入进行记录和管理的小工具, 有多端同步备份数据的功能, 感兴趣的同学可以玩玩~
在这里插入图片描述

蓝色主题,周日是起始日示例

在这里插入图片描述

红色主题,周一是起始日示例

在这里插入图片描述

Jeffid
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序 引入日历组件
Dove言和
03-23 756
https://github.com/treadpit/wx_calendar
微信小程序日历组件（可多选单选）
01-13
可复选单选时间，可在日历上标记红蓝点，开箱即用
wx-calendar日历组件使用小技巧
qq_33138785的博客
08-26 1461
Q：如果项目当中有两个地方要使用这个组件，且页面a点击选定了一个时间，需要在b页面打开组件时默认将a页面选定的时间框出来该怎么办？ A：使用setTodoLabels，代办标记，属性设置如下 this.calendar.setTodoLabels({ //待办点标记设置 pos:'bottom',//待办点标记位置['top','bottom'] //dotColor:'gray',//待办点标记颜色 circle:true,...
微信小程序中应用van-calendar时加载时间过长，以及设置min-data无效的问题解决
最新发布
qiqiliuwu的博客
05-31 613
二、vue中min-data的写法是:min-data=“new Date(2023, 0, 1)”，而在小程序中的写法则是min-data=“{{ minData }}”，minData的值为：new Date(2023, 0, 1).getTime()。一、我们微信小程序中应用van-calendar时，如果没有设置min-data，那么页面的加载时间会非常长，所以，1、minData的值只能在js文件中设置，不能直接写进页面里边，因为页面中不能识别 new Date()，会报错；
微信小程序原生实现日历功能
aaa123aaasqw的博客
05-16 1195
当前日期底部显示一个点，其他状态可根据自己的需求自定义。
小程序日历选择插件（选择日期区间）.zip
09-18
时间区间，如：2019-10-12~2019-11-01，根据极点日历自己封装的小组件。
小程序日历+时间选择组件
想做游戏的前端程序仔
09-01 948
小程序日历+时间选择组件展示js部分wxss部分wxml部分页面使用补充说明 展示 js部分 // component/timepick/timepick.js Component({ /** * 组件的属性列表 */ properties: { 'calednar': { type: Boolean, value: '', observer: function(newVal, oldVal) { // 属性值变化时执行
微信小程序日历组件-calendar
03-29
原生的日期选择器picker只支持公历，于是采用picker-view自定义了一个组件，可以支持农历。         (此图片来源于网络，如有侵权，请联系删除! ) 模版使用：   src="../cal/calendar.wxml">   is="calendar...
微信小程序-wechat-weapp-gank-master小程序项目源码-原生开发框架-含效果截图示例.zip
05-22
“微信小程序-项目源码-原生开发框架-含效果截图示例”这份资源，不仅包含了完整的微信小程序项目源码，而且基于原生开发框架，确保了代码的健壮性和可扩展性。源码中涵盖了微信小程序的基础架构、页面布局、功能...
微信小程序-微信小程序-wechat-weapp-gank-master小程序项目源码-原生开发框架-含效果截图示例.zip
05-22
“微信小程序-项目源码-原生开发框架-含效果截图示例”这份资源，不仅包含了完整的微信小程序项目源码，而且基于原生开发框架，确保了代码的健壮性和可扩展性。源码中涵盖了微信小程序的基础架构、页面布局、功能...
weapp-cookie：一行代码让微信小程序支持 cookie
03-29
微信原生的 wx.request 网络请求接口并不支持传统的 Cookie，但有时候我们现有的后端接口确于依赖 Cookie（比如服务器用户登录态），这个库可用一行代码为你的小程序实现 Cookie 机制，以保证基于 cookie 的服务会话...
日历组件日历组件日历组件
04-25
一款不错的日程管理小程序一款不错的日程管理小程序一款不错的日程管理小程序一款不错的日程管理小程序一款不错的日程管理小程序一款不错的日程管理小程序一款不错的日程管理小程序
微信小程序-weapp-360che-master小程序项目源码-原生开发框架-含效果截图示例.zip
05-26
微信小程序-项目源码-原生开发框架。想要快速打造爆款小程序吗？这里有一份原生开发框架的项目源码等你来探索！基于微信小程序的强大生态，这份源码将带你领略原生开发的魅力，实现快速迭代与高效开发。从用户授权到...
小程序日历组件区间选择时间
菜鸟老五
12-01 3130
//app.json中加入这一段 "plugins": { "myPlugin": { "version": "2.1.1", "provider": "wx6b6cb15df2836ebe" } }, //index.js // pages/wyxz/wyxz.js Page({ /** * 页面的初始数据 */ ...
微信小程序自定义日历组件（可翻页可选取）
weixin_45228257的博客
07-13 1756
这是wxml： <!--components/myCalendar/myCalendar.wxml--> <view class="myCalendarView" style="width:{{windowWidth}};height:{{windowHeight}}"> <view class="hiddenView"></view> <view class="contentView"> <view class="topVi
自己捣鼓日历选择组件（类似el-calendar）可以单击选则不同日期，也可范围选择日期
weixin_41277748的博客
02-09 4349
日历选择
微信小程序之滚动选择器(时间日期选择器)
热门推荐
浮萍的博客
09-26 1万+
微信小程序自己封装了很多控件，用起来确实很方便，如果这是Android里面，还需要自己去定义，不废话，效果图： 一起来看看怎么实现的呢？看完你应该就该说，尼玛，这就行啦…. 这个效果呢，要用到picker组件，动画从底部弹起的滚动选择器，现支持三种选择器，通过mode来区分，分别是普通选择器，时间选择器，日期选择器，默认是普通选择器。 看下相应的属性： 具体的来看看代码，布局: &l...
js 获取上周 下周 的时间
ZhiJICN的博客
09-14 328
function getTime(n) { var now = new Date(); var year = now.getFullYear(); //因为月份是从0开始的,所以获取这个月的月份数要加1才行 var month = now.getMonth() + 1; var date = now.getDate(); var day = now.getDay(); //判断是否为周日,如果不是的话,就让今天的day-1(例如星期二就是2-1)
微信小程序.日期组件
记录 分享 成就
05-28 1557
缘起 微信小程序官方提供的picker样式不好控制，跟其他样式不统一，也没法进行其他操作，不如自定义一个，使用：picker-view封装为一个组件。 代码现成，直接复制过去用吧。 效果 组件代码 haiweidate.wxml <view class="container"> <view class="page-body"> <view wx:if="{{showTitle === 'true'}}" class="selected-date"&.
为什么用微信小程序原生框架而不用uniapp框架
06-04
5. 更好的可定制性：使用微信小程序原生框架可以更加灵活地自定义组件和样式，满足更多的业务需求。 而使用uniapp框架的优点主要有： 1. 跨平台支持更全面：uniapp框架可以支持包括微信小程序、支付宝小程序、百度...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值