΢ÐÅС³ÌÐò£ºÊµÏÖÈÕÀú¹¦ÄÜ

<div class="blogpost-body" id="cnblogs_post_body">
<h2>Ò»¡¢¹¦ÄÜÃèÊö</h2>
<p>ʵÏÖÈÕÀú¹¦ÄÜ</p>
<p><img alt="" height="410" src="https://beijingoptbbs.oss-cn-beijing.aliyuncs.com/cs/5606289-c6250ddc53587d7b2aa3ff602ebb22d8.png" width="233"></p>
<p> </p>
<p> </p>
<h2>¶þ¡¢ ´úÂëʵÏÖ</h2>
<p>1. index.wxml</p>
<div class="cnblogs_code">
  <pre class="blockcode"><span style="color:#008080;"> 1</span> <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">view </span><span style="color:#ff0000;">class</span><span style="color:#0000ff;">&#61;&#39;wrap&#39;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 2</span>     <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">view</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 3</span>         <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">view </span><span style="color:#ff0000;">class</span><span style="color:#0000ff;">&#61;&#39;date-show&#39;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 4</span>             <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">view </span><span style="color:#ff0000;">class</span><span style="color:#0000ff;">&#61;&#39;lt-arrow&#39;</span><span style="color:#ff0000;"> bindtap</span><span style="color:#0000ff;">&#61;&#39;lastMonth&#39;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 5</span>                 <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">image </span><span style="color:#ff0000;">src</span><span style="color:#0000ff;">&#61;&#39;/images/left_arrow.png&#39;</span><span style="color:#ff0000;"> mode</span><span style="color:#0000ff;">&#61;&#39;aspectFit&#39;</span><span style="color:#0000ff;">&gt;&lt;/</span><span style="color:#800000;">image</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 6</span>             <span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">view</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 7</span> <span style="color:#000000;">            {<!-- -->{year}}Äê{<!-- -->{month}}ÔÂ
</span><span style="color:#008080;"> 8</span>             <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">view </span><span style="color:#ff0000;">class</span><span style="color:#0000ff;">&#61;&#39;rt-arrow&#39;</span><span style="color:#ff0000;"> bindtap</span><span style="color:#0000ff;">&#61;&#39;nextMonth&#39;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;"> 9</span>                 <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">image </span><span style="color:#ff0000;">src</span><span style="color:#0000ff;">&#61;&#39;/images/right_arrow.png&#39;</span><span style="color:#ff0000;"> mode</span><span style="color:#0000ff;">&#61;&#39;aspectFit&#39;</span><span style="color:#0000ff;">&gt;&lt;/</span><span style="color:#800000;">image</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;">10</span>             <span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">view</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;">11</span>         <span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">view</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;">12</span>     <span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">view</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;">13</span>     <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">view </span><span style="color:#ff0000;">class</span><span style="color:#0000ff;">&#61;&#39;header&#39;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;">14</span>         <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">view </span><span style="color:#ff0000;">wx:for</span><span style="color:#0000ff;">&#61;&#39;{<!-- -->{date}}&#39;</span><span style="color:#ff0000;"> class</span><span style="color:#0000ff;">&#61;&#39;{<!-- -->{(index &#61;&#61; todayIndex) &amp;&amp; isTodayWeek ? &#34;weekMark&#34; : &#34;&#34;}}&#39;</span><span style="color:#0000ff;">&gt;</span>{<!-- -->{item}}<span style="color:#0000ff;">&lt;</span><span style="color:#800000;">view</span><span style="color:#0000ff;">&gt;&lt;/</span><span style="color:#800000;">view</span><span style="color:#0000ff;">&gt;&lt;/</span><span style="color:#800000;">view</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;">15</span>     <span style="color:#0000ff;">&lt;/</span><span style="color:#800000;">view</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;">16</span>     <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">view </span><span style="color:#ff0000;">class</span><span style="color:#0000ff;">&#61;&#39;date-box&#39;</span><span style="color:#0000ff;">&gt;</span>
<span style="color:#008080;">17</span>         <span style="color:#0000ff;">&lt;</span><span style="color:#800000;">view </span><span style="color:#ff0000;">wx:for</span><span style="color:#0000ff;">&#61;&#39;{<!-- -->{dateArr}}&#39;</span><span style="color:#ff0000;"> class</span><span style="color:#0000ff;">&#61;&#39;{<!-- -->{isToday &#61;&#61; item.isToday ? &#34;nowDay&#34; : &#34;&#34;}}&#39;</span><span styl