微信小程序日历组件-calendar

模版使用：

1. src="../cal/calendar.wxml">
2.  
3. is="calendar" data="{{selected_value,days,month,years,lunar_years,lunar_month,lunar_days,selectDateType,lunar_selected_value}}">

JS代码使用：

1. var Calendar = require('../cal/calendar');
2.  
3. Page({
4. data: {
5. selected_value: [],
6. days: [],
7. month: [],
8. years: [],
9. lunar_years: [],
10. lunar_month: [],
11. lunar_days: [],
12. selectDateType: 1,
13. lunar_selected_value: []
14. },
15. ....
16.  
17. // 指定选择器回调函数
18. new Calendar('key', this, function(date){
19. that.setData({
20. date: date
21. })
22. });

样式

1. .calendar{
2. position: absolute;
3. bottom: 0;
4. width: 100%;
5. z-index: 999;
6. background-color: #fff;
7. }
8. .tab{
9. display:inline-block;
10. width:50%;
11. text-align:center;
12. font-size:16px;
13. color: #ccc;
14. }
15. .tab-bar{
16. background-color: #eee;
17. height: 40px;
18. line-height: 40px;
19. }
20. .tab-bar .active{
21. color: #000;
22. }
23. .selected-item{
24. font-size: 28px;
25. }
26.  
27. .event-type_parent{
28. font-size: 14px;
29. }
30. .event-type_child{
31. text-align: center;
32. line-height: 30px;
33. }
34.  
35. .event-type_txt{
36. display: inline-block;
37. }

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