uni-app时间选择器只需要年月

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

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

        <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” 就可以搞定.


希望对大家有用哈。

  • 10
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 8
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Rayong有分享

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值