微信小程序 --- 日历效果

最新推荐文章于 2024-08-09 07:59:54 发布

豆i浆

最新推荐文章于 2024-08-09 07:59:54 发布

阅读量1.9w

点赞数 6

分类专栏： javascript css css3 微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/sinat_19327991/article/details/79387356

版权

本文介绍了如何在微信小程序中创建日历效果，包括wxml、wxss和js三个部分的代码实现，展示了日历组件的预览效果，帮助开发者理解微信小程序中日历功能的开发过程。

摘要由CSDN通过智能技术生成

效果预览:
这里写图片描述

wxml部分:

<view class='box1' style='width: {
   { sysW * 7 }}px'>
  <view class='dateBox'>{
   { year }} - {
   { month}}</view>
  <block wx:for='{
   { weekArr }}'>
    <view style='width: {
   { sysW }}px; height: {
   { sysW }}px; line-height: {
   { sysW }}