今天做项目的时候碰到需求只需要年月,所以查找了一下资料,找到了解决方法。

正常代码年月日时间选择器的代码是

        <picker
          mode="date"
          :value="date"
          :start="startDate"
          :end="endDate"
          @change="bindDateChange"
        >
          <view
            class="uni-input"
            style="text-align:right"
          >{{date}}</view>
        </picker>

效果图是:
在这里插入图片描述

其实解决方法很简单,只需要加一个fields=“month” 即可。
代码如下:

        <picker
          mode="date"
          :value="date"
          :start="startDate"
          :end="endDate"
          fields="month"
          @change="bindDateChange"
        >
          <view style="display: flex;width: 120%;align-items: center;">
            <view style="margin-left:15rpx;margin-right:15rpx;font-size:35rpx;color:#000000">
              本月</view>
            <image
              :src="imgPath + '/jz-qp/bmjl/yey-bmjl-lb/07.png'"
              style="width:35rpx;height:30rpx"
            >
            </image>
          </view>
        </picker>

效果图:
在这里插入图片描述
补充点js部分:
在这里插入图片描述

补充,如果只要年份的话,加一个fields=“year” 就可以搞定.


希望对大家有用哈。

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐