微信小程序日历签到组件(原创)
微信小程序日历签到组件(原创)
开发原因:
为满足定制需要,市面上又找不到车子和轮子,干脆自己撸了并开源分享有需要的人用
其他说明:
该组件js日期均已使用yyyy/MM/dd
格式连接解决ios不兼容
问题,输出和输入为yyyy-MM-dd
格式,简单易用,有问题可以评论区评论
或联系我
提出改进
dk-calendar小程序日期打卡组件
该组件是以微信小程序为基础的已上线项目脱离片段开源(市面上小程序万变不离其中,其他小程序可自行修改标签wx)
安装:
git clone https://gitee.com/xiaokar/dk-calendar.git
使用:
1.将dk-calendar文件夹放进components文件夹内
2.页面json文件引入该组件
{"usingComponents": {"dk-calendar":"../../components/dk-calendar/dk-calendar"}
}
3.xxml页面文件使用:
<!-- 微打卡组件 --><dk-calendar originActiveData="{{user_date_log}}" bind:selectDate="onSelectDate" size="m"></dk-calendar>
or
<!-- 默认打卡组件 --><dk-calendar originActiveData="{{user_date_log}}" bind:selectDate="onSelectDate"></dk-calendar>
参数方法相关:
名称 | 描述 | 参数or方法 | 类型 | 例子 |
---|---|---|---|---|
originActiveData | 已打卡的日期参数 | params | Array | 例:[2021-11-02,2021-11-03] |
selectDate | 点击的日期方法 | Method | 输出:yyyy-MM-dd |
最终效果(截图):
线上微信小程序Demo参考:
微信小程序日历签到组件(原创)相关推荐
- 微信小程序 - 日历签到编写
预览图 运行代码 代码资源包 wxml 签到头部 为了方便,我在这里写了两个头部,已签到用这种 <view class="headers_wrapper" wx:if=&q ...
- 微信小程序日历签到,拿走即用~
参考了小友那个谁的,具体也忘记了,改be改be即用了,因为是日历,里面有一个算空格的地方,嘻嘻~,也是小友提供的,再次感谢! html: <view><view class=&quo ...
- 微信小程序日历签到功能
<!--pages/signin/signin.wxml--> <view class="contant"><!-- 日历年月 --><v ...
- 手把手教你写一个微信小程序日历组件
今天我们一起写一个微信小程序日历组件 微信小程序日历组件 github.com/749264345/w- 好,我们先看一下要实现的模样,如下图 由以上截图我们可以看到 1.日历可以通过按钮[切换展示效 ...
- 适配mpvue平台的的微信小程序日历组件mpvue-calendar
mpvue-calendar 基于vue-calendar的适配mpvue平台的的微信小程序日历组件 预览 安装 npm i mpvue-calendar 使用 import Calendar fro ...
- 微信小程序日历加课表项目
最近花了不少时间做了个微信小程序,期间遇到了挺多技术问题的,写个博客记录一下,我先上小程序使用图片! 1.进入小程序首先要登录才能添加行程和查看行程 2.登录成功后 3.首页日历日期是可点击,点击后是 ...
- 微信小程序_基础组件学习02
微信小程序_基础组件学习02 swiper组件 swiper是滑块容器,也就是手机端的轮播图. swiper组件有两部分组成swiper和swiper-item. swiper-item需要放在swi ...
- 微信小程序基于swiper组件的tab切换
代码地址如下: http://www.demodashi.com/demo/14010.html 一.前期准备工作 软件环境:微信开发者工具 官方下载地址:https://mp.weixin.qq.c ...
- 微信小程序授权登录 组件的封装
微信小程序授权登录 组件的封装 新建components文件 写wxml文件 wxss部分 js部分 json引用 页面使用 页面js 授权登录 流程如下: 因为多个页面功能需要登录状态 所以做了个组 ...
最新文章
- CentOS安装crontab
- LabVIEW色彩定位实现药品包装质量检测(实战篇—4)
- phpstudy本地调试运行TP5的后台源码
- python 模板引擎 对比_Python Web开发模板引擎优缺点总结
- 2012年上海市高等学校计算机等级考试试卷,2012年上海市高等学校计算机等级考试A试卷...
- font awesome java_Android使用Font Awesome显示小图标(一)
- java调用百度搜索_Java爬虫怎么调用百度搜索引擎,对关键字的网页爬取?
- 数据库自治服务DAS年度新版本:”数据库自动驾驶“进入规模化时代
- OSI 网络协议模型为什么是 7 层?
- js php 正则差别,JavaScript正则表达式的浏览器的差异
- Java IO - Reader
- javascript-字典形态对象与数组形态对象
- cacti配置流量汇总
- AR:Unity与iOS交互(入门篇)
- 汽车软件开发流程及代码提交
- 【Redis 开发与运维】开发运维的“陷阱”
- Linux如何快速生成大文件
- Python制作的三个奇怪作品
- Docker Compose搭建TDengine集群
- 金市良臣:3.9黄金白银今日操作建议黄金何时止跌完成筑底解读
热门文章
- DotNetty IByteBuffer to a byte[]
- numpy报ValueError: could not broadcast input array from shape
- 计算机图形学 Bresenham直线生成算法
- java nashorn_Java编程Nashorn实例代码
- 金蝶eas账套连接外部数据库
- 项目开发过程中什么是生产环境、UAT环境、仿真环境、开发环境、测试环境?
- 哈佛人告诉你怎样学习 怎样培养人高贵的气质
- python html转图片_Python图片转html字符画
- Go字面量(字面常量)
- Linux smbclient使用详情