uni-app时间选择器只需要年月
今天做项目的时候碰到需求只需要年月,所以查找了一下资料,找到了解决方法。正常代码年月日时间选择器的代码是<pickermode="date":value="date":start="startDate":end="endDate"@change="bindDateChange"><viewclas
·
今天做项目的时候碰到需求只需要年月,所以查找了一下资料,找到了解决方法。
正常代码年月日时间选择器的代码是
<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” 就可以搞定.
希望对大家有用哈。
更多推荐
已为社区贡献2条内容
所有评论(0)