微信小程序日历组件calendar详解及实例

微信小程序日历组件calendar详解及实例

模版使用：

src="/cal/calendarwxml">

is="calendar"

data="{{selected_value,days,month,years,lunar_years,lunar_month,lunar_days,selectDateType,l

unar_selected_value}}">

JS代码使用：

var

Calendar

=

require('/cal/calendar');

Page({

data:

{

selected_value:

[],

days:

[],

month:

[],

years:

[],

lunar_years:

[],

lunar_month:

[],

lunar_days:

[],

selectDateType:

1,

lunar_selected_value:

[]

},

//

指定选择器回调函数

new

Calendar('key',

this,

function(date){

thatsetData({

date:

date

})

});

样式

calendar{

position:

absolute;

bottom:

0;

width:

100%;

z-index:

999;

background-color:

#fff;

}

tab{

display:inline-block;

width:50%;

text-align:center;

font-size:16px;

color:

#ccc;

}

tab-bar{

background-color:

#eee;

height:

40px;

line-height:

40px;

}

tab-bar

active{

color:

#000;

}

selected-item{

font-size:

28px;

}

event-type_parent{

font-size:

14px;

}

event-type_child{

text-align:

center;

line-height:

30px;

}

event-type_txt{

display:

inline-block;

}

以上用法看不懂的话，具体就参考代码里面index目录下。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

万年历小程序有阳历跟老历的区别吗

黄历，又称老黄历、皇历、通胜等，因此应为万年历跟黄历（老黄历）的不同之处：

1、历史起源不同中华农历老黄历万年历。

万年历源自商朝国君祖乙命万年观测日月变化，万年经过长期观察，精心推算，制定出了准确的太阳历，国君为嘉奖其作为，将太阳历命名为“万年历”。

黄历万年历–带农历与黄历的万年历哪里

而黄历（老黄历）则是由于上古时代人们在岁星纪年和占卜的基础上设想天体运行变化所得，直到唐代才有定型的黄历。

2、时间跨度不同

万年历中的“万年”表示时间跨度大，并非真指一万年，但万年历记录的时间还是比黄历长，最少包含年的公历、农历、干支历、回历、历等多种历法，且还包含黄历相关吉凶宜忌、节假日、提醒等信息。

而黄历则一般以年为时间跨度印刷出版，也能显示示公历、农历和干支历等多套历法，并附加大量与趋吉避凶相关的规则和内容。

3、记录载体不同神机算老黄历911查询。

万年历由于时间跨度长，通常以电子万年历或是APP形式体现。而黄历则一般以书籍印刷或是日历形式展现。

2、万年历日历带农历黄历:日历和万年历有什么区别

1、时间范围：万年历是记录一定时间范围内（比如年或更多）的具体阳历与阴历的日期的年。万年只是一种象征，表示时间跨度大。而日历一般为一年。

2、使用范围：日历是一种日常使用的出版物，用于记载日期等相关信息。每页显示一日信息的叫日历，每页显示一个月信息的叫月历，每页显示全年信息的叫年历。

而万年历一般有记录黄历相关吉凶宜忌、节假日、提醒等多种功能信息，方便有需要的人查询使用。万年只是一种象征，表示时间跨度大

万年历是我国古代中最古老的一部太阳历。为纪念历法编撰者万年功绩，便将这部历法命名为“万年历”。而现在所使用的万年历，即：包括若干年或适用于若干年的历书。周易万年历老黄历查询。

随

小程序的介绍我就不说了。大家都看了太多。我们说点干货，让大家快速体验。

1月9日，微信团队特意选择10年前乔布斯发布苹果手机的这个日子，正式推出了新功能：小程序。这可能是微信问世以来，第二个最重要的功能，也许会彻底改变中国互联网的面貌。此前，业界和风之学堂也对小程序寄予了无限的好奇与期待。

但是，让许多人困惑的是：为什么我的微信里找不到小程序？请保持冷静，不要焦急。

一、如何看到入口：

按照以下步骤 *** 作，你就可以成为最早一批使用小程序的中国人：

1、升级你的微信到最新的653版本。

2、在微信的第一个页面顶端，有一个搜索条，在搜索条里输入：小睡眠

然后搜索。就可以添加1个小程序。

注意：

入口是在 发现里面。我们需要先任意加1个小程序。就可以看到入口了。

除了发现里面，小程序还可以关联在公众号，一个号可以关联3个小程序。

入口进入后是这样的，很多的小程序。

二、海量小程序清单

大家快来添加吧。再也不用到处问人要了。 目前不支持模糊搜索，所以只能输入完整名字。 注意有的后面带着 + 也要输入。

清单不断更新，目前加了分类。

高频使用

美团外卖

滴滴公交查询

大众点评+

京东购物

摩拜单车

滴滴出行DiDi

携程酒店机票火车票

旅行

驴妈妈门票预订

飞常准查航班

海南航空微应用

南航e行

去哪儿出行

朋友家精选民宿

熊猫签证

去哪儿酒店预订

购物

国际品牌价格

小小包麻麻好物

好药师优选

汽车之家Autohome

手机查报价

有赞精选

什么车好

微店轻便版

Coolbuy玩物志

美的官方商城

腾讯周边

订蛋糕元祖黑天鹅诺心21cake

新品有戏应用

交通

滴滴公交查询

车来了

租租车出国去哪玩

巴士管家

知了交通

健康医疗

姨妈日历

美柚APP

经期月月记

好药师优选

孕期提醒APP

柚宝宝App

药顾问

丁香医生

嗨图

MOTIF米田图案壁纸小工具

名画滤镜APP

今日名画

小蚁AI艺术

Miatou

藏识相册

工具

我的计算器

朝夕日历Pro

印象笔记微清单

亲戚关系

100房贷助手

查地铁

Coolbuy玩物志

看剧小助手

约会来也

老板管账

掌上探路者生活

序列号查查

小程序示例

解忧室

股票灯塔

艺术签名助手

延迟退休计算器

汽车报价库

签到打卡

实时空气质量

自选股

高校图书馆查询

小小房贷计算器

新股申购宝

最新汇率查询

汇率e

二手车e

记账e

翻译e

通勤助手

留学公寓助手

云梦助眠引导

蚂蚁待办

蚂蚁微日记

窝牛App

教育培训

小D词典

词汇量查询

分答快问

钢琴优课

天天练口语

词汇量测试

有钱兔择校

宝宝微空间

一首一首诗

人人词典

有可能微课

蚯蚓课+

桔子创投内参

感恩笔记本

爱d唱

快递查询

快递100小助手

天气查询

智慧气象服务

精准天气预报

30天天气预报

投资理财

自选股

富途牛牛股票

微众银行

南方基金微理财

BP助手

FellowPlus创投数据库

票务

猫眼**

小小票儿

**演出赛事

阅读

今日头条lite

轻芒杂志

Qdaily

桔子创投内参

QQ阅读

壹点调查

快看漫画

段掌柜

西窗诗词

网易灰评

换阅空间

360好书推荐

历史上的今时

心邮

口袋书架

视频

腾讯视频

开眼视频Eyepetizer

美食

下厨房+

探城美食APP

美妆

化妆品点评

体育

酷竞

表情包

表情家园

斗图表情包神器

游戏

王者荣耀赛事

炉石相册

求职

实习委员

音频

青蜻蜓

浴音阁

荔枝FM播客

自媒体

吴晓波频道会员

社区

小密圈+

We重邮

一起Up

分答快问

第二空间创作中心

社交名片

三、小程序商城

有个聚合的第三方商城，里面有很多的小程序可以了解。不过想添加的话，只能记住名字，自己在小程序里面搜索输入。二维码识别添加的方式不能用了。

>

四、补充细节点

1、小程序支持挂起状态，即多窗口概念，用户可以把小程序先挂起，然后做别的事情，在需要这个小程序的时候可以快速调用，回到最开始的状态。

2、安卓版本可以把小程序放在桌面。看图

五、微信小程序知识科普

Q：小程序是什么？它有着什么样的功能？

A：小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。

Q：我是一个开发者，没有收到小程序的测试邀请，有什么渠道可以申请注册小程序？

A：小程序仍然处于内测阶段。全面开放申请后，主体类型为个人、企业、政府、媒体或其他组织的开发者，均可申请注册小程序。

Q：现在已经有部分帐号收到小程序的内测邀请了，接下来是否会继续开放内测邀请？

A：关于小程序的上线节奏：本次内测采用邀请制，其内容客户端暂时对用户不可见。之后小程序会全面开放申请，所有小程序将在统一时间向用户开放。

Q：小程序可以和现有的App 打通吗？

A：小程序可以借助微信联合登录，和开发者已有的App 后台的用户数据进行打通，但不会支持小程序和App 直接的跳转。

Q：微信已经有了订阅号、服务号、企业号，小程序和这三者有什么不同？

A：小程序、订阅号、服务号、企业号是并行的体系。

欢迎大家和我交流。关注我的微信号 - 风之学堂

降峰，2005年入行，目前任职百度钱包高级产品经理，中国首批互联网个人网站站长，曾在粉丝网、海南航空集团、百度任职。美国亚杰汇商会创业孵化辅导员，火龙果、麦子学院，产品100线上课程分享嘉宾。组织多次线上线下培训课程，打造产品经理进阶公益孵化课程。

微信小程序日历有现成的，可以直接搜索使用。

手机：vivo x27

安卓：856

微信：7022

1、首先在打开的微信中，点击上方搜索标志，输入“日历小程序”。

2、然后点击搜一搜。

3、接着在打开的页面中，点击万年历日历。

4、进入万年历日历界面，可以查看日期，这样就完成了。

我们单位实行的大小周工作制，即大周休息2天，小周消息一天。因这点小特殊，总有同事常记错周六这天是否上班。也因这点，在程序上需要特别体现出大小周的提示，于是需要设计一个日历组件，并在日历上标注出排班名称和大小周。最终实现图如下:

微信小程序demo提供了一个简单的日历组件，vant也提供了一个日历组件，在github上也有一些日历组件，我试用了一番，都多少存在一些不符合之处。重点说一下vant，它有几个问题：一是加载数据太大，一运行就加载至少一年以上的数据；二是样式不好控制，大小相修改一下就会变形；三是在日期上下方加文字不方便。

因为没有找到太好的组件可以引用，就自己想设计一个能方便控制的，遂有下面的设计，

1、采用grid组件显示日期，分三行，中间一行为日期具体天的数字，上面一行显示大小周提示、下面一行显示排班名称

2、采用scroll-view动态包含grid数目

3、一行显示几天，可以动态设置

1、日历头部

2、日历内容

3、日历结构体

4、具体每个月的日历算法

获取某个月的第一天和最后一天，再获取每天的星期数，循环放到grid结构体中

优点：一是加载数据量少，可控制；二是显示内容丰富，可以控制；三是也是显示可以使用slot，更加丰富

缺点：一不是专业日历组件，样式简单了些；二是加载数据量有限，grid自身也是一个组件，加载多了额外的开销肯定大起来。

以上就是关于微信小程序日历组件calendar详解及实例全部的内容，包括:微信小程序日历组件calendar详解及实例、万年历小程序有阳历跟老历的区别吗、微信小程序 快速开入口秘籍+最全小程序汇总等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！