小程序的月历，年月没有日

最新推荐文章于 2022-12-28 09:14:55 发布

゛Pudding

最新推荐文章于 2022-12-28 09:14:55 发布

阅读量238

点赞数 2

分类专栏：小程序文章标签：小程序

本文链接：https://blog.csdn.net/qq_41408685/article/details/93388370

版权

本文介绍了如何在小程序中创建一个月历小插件，提供了wxml、wxss和js的代码示例，虽然样式需要微调，但最终能展示出月历效果。

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

月历小插件

效果如图：

在这里插入图片描述

代码如下：

wxml：

<view class="zan-dialog {
   { showDialog ? 'zan-dialog--show' : '' }}">  
    <view class="zan-dialog__mask"/>  
        <view class="zan-dialog__container">    
            <view class='w94 auto can mt40'>    
                <view class="selected_date ">      
                    <view class='w33 auto'>        
                        <image catchtap="preYear" class="select_icon se fl mr40 mt30" src="../../images/icon/left.png"></image>        
                        <view class="ta corf mt20 ib">{
   {
   curYear}}</view>        
                        <image catchtap="nextYear" class="select_icon fr ml40 mt30" src="../../images/icon/right.png"></image>      
                    </view>    
                </view>    
                <view class="calendar_panel">      
                    <view class="calendar_box" wx:for="{
   {monthList}}" wx:for-item="month" >        
                    <text class=