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

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

模版使用：

 src="../cal/calendar.wxml">
 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){
   that.setData({
     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目录下。

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

# 微信小程序日历组件calendar  # 小程序  # 日期组件  # 微信小程序实现日历功能  # 微信小程序日历/日期选择插件使用方法详解  # 微信小程序实现打卡日历功能  # 微信小程序日历弹窗选择器代码实例  # 微信小程序可滑动周日历组件使用详解  # 微信小程序实现日历签到  # 微信小程序自定义带价格显示日历效果  # 微信小程序自定义可滑动日历界面  # 微信小程序日历组件使用方法详解  # 微信小程序实现简单日历效果  # 希望能  # 谢谢大家  # 看不懂  # 回调  # 选择器  # 目录下  # Calendar  # require  # Page  # selectDateType  # lunar_days  # unar_selected_value  # var  # JS  # position  # setData  # bottom  # absolute  # key  # lunar_selected_value 

相关文章： 如何通过远程VPS快速搭建个人网站？  制作国外网站的软件,国外有哪些比较优质的网站推荐？  高端建站三要素：定制模板、企业官网与响应式设计优化  c++ stringstream用法详解_c++字符串与数字转换利器  如何在宝塔面板中修改默认建站目录？  武汉网站制作费用多少,在武汉武昌，建面100平方左右的房子，想装暖气片，费用大概是多少啊？  宝塔Windows建站如何避免显示默认IIS页面？  兔展官网 在线制作,怎样制作微信请帖？  如何正确选择百度移动适配建站域名？  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办？  油猴 教程,油猴搜脚本为什么会网页无法显示？  如何快速查询网站的真实建站时间？  php条件判断怎么写_ifelse和switchcase的使用区别【对比】  建站之星备案是否影响网站上线时间？  制作网页的网站有哪些,电脑上怎么做网页？  如何在景安服务器上快速搭建个人网站？  大连网站制作公司哪家好一点,大连买房网站哪个好？  制作旅游网站html,怎样注册旅游网站？  如何正确下载安装西数主机建站助手？  如何生成腾讯云建站专用兑换码？  建站之星后台密码遗忘或太弱？如何重置与强化？  东莞专业制作网站的公司,东莞大学生网的网址是什么？  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  如何设置并定期更换建站之星安全管理员密码？  建站主机选虚拟主机还是云服务器更好？  香港服务器建站指南：外贸独立站搭建与跨境电商配置流程  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  名字制作网站免费,所有小说网站的名字？  IOS倒计时设置UIButton标题title的抖动问题  建站之星如何助力网站排名飙升？揭秘高效技巧  如何在阿里云购买域名并搭建网站？  高性能网站服务器部署指南：稳定运行与安全配置优化方案  内网网站制作软件,内网的网站如何发布到外网？  建站VPS推荐：2025年高性能服务器配置指南  常州自助建站费用包含哪些项目？  Python如何创建带属性的XML节点  建站之家VIP精选网站模板与SEO优化教程整合指南  新网站制作渠道有哪些,跪求一个无线渠道比较强的小说网站，我要发表小说？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  *服务器网站为何频现安全漏洞？  如何通过网站建站时间优化SEO与用户体验？  建站之星安装后界面空白如何解决？  红河网站制作公司,红河事业单位身份证如何上传？  盘锦网站制作公司,盘锦大洼有多少5G网站？  网站制作怎么样才能赚钱,用自己的电脑做服务器架设网站有什么利弊，能赚钱吗？  定制建站方案优化指南：企业官网开发与建站费用解析  如何快速生成橙子建站落地页链接？  威客平台建站流程解析：高效搭建教程与设计优化方案  如何自定义建站之星网站的导航菜单样式？  在线流程图制作网站手机版,谁能推荐几个好的CG原画资源网站么？