uniapp 「小程序」考勤系统的日历组件

由于是用uniapp写的，所以在网页上也可以用，先上预览图

主要功能：

css样式原理如下，红色框为用户视图。拖拉的时候改变left数值就可以了。

小tips：

当宽度为自适应，不知道具体数值，而需要用宽度计算时，可以用 padding-bottom 。这样我们就可以一行放下七个圆形了。

所有css如下：

数字偏上是预留位置给当天的状态显示。

功能与解释都在注释中写明。

好了，基本上就这些。感觉js写的有点笨。如果有不懂的 或者 有更好的方法请在评论区告诉我，谢谢！

因为日历是系统自带的，所以读写它一定要申请权限,也就是在AndroidManifestxml加如下两行代码(一个读一个写):

<uses-permission android:name="androidpermissionREAD_CALENDAR"/>

<uses-permission android:name="androidpermissionWRITE_CALENDAR"/>

Android中日历用了三个URL,分别是日历用户的URL,事件的URL，事件提醒URL,三个URL在Android21之前是如下的样子：

calanderURL = "content://calendar/calendars";

calanderEventURL = "content://calendar/events";

calanderRemiderURL= "content://calendar/reminders";

但是在Android22版本以后,三个URL有了改变，变成如下的样子:

calanderURL = "content://comandroidcalendar/calendars";

calanderEventURL = "content://comandroidcalendar/events";

calanderRemiderURL = "content://comandroidcalendar/reminders";

简单的Demo,按照我的步骤一步一步的来:

第一步:新建一个Android工程命名为CalendarDemo

第二步:修改mainxml布局文件,增加了三个按钮,代码如下:

<xml version="10" encoding="utf-8">

<LinearLayout xmlns:android=">

以上就是关于uniapp 「小程序」考勤系统的日历组件全部的内容，包括:uniapp 「小程序」考勤系统的日历组件、微信小程序怎么实现日历的年视图功能、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！