年月日代码

    <picker class="text" mode="date"  :value="monthTime" start="2021-01" end="2050-09"
    @change="DateChange">
		<view class="picker">
			{{monthTime}}
		</view>
		<image class="img" src="../static/wallet/top.png" mode=""></image>
    </picker>

显示年月日效果

 年月代码

	<picker class="text" mode="date" fields="month" :value="monthTime" start="2021-01" end="2050-09"
	@change="DateChange">
	    <view class="picker">
			{{monthTime}}
	    </view>
		<image class="img" src="../static/wallet/top.png" mode=""></image>
	</picker>

只显示年月效果

只显示年代码

	<picker class="text" mode="date" fields="year" :value="monthTime" start="2021-01" end="2050-09"
@change="DateChange">
		<view class="picker">
			{{monthTime}}
		</view>
		<image class="img" src="../static/wallet/top.png" mode=""></image>
    </picker>
wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

 只显示年效果

显示年月只需要加上：fields="month"

显示年只需要加上：fields="year"

		DateChange(e) {
			this.monthTime = e.detail.value
		},

# 前端 # uni-app # 微信小程序 # 小程序
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

通过HPA+CronHPA组合应对业务复杂弹性伸缩场景

avatar 华为云开发者联盟
cover

FT-FMEA融合混沌演练，零售运营系统韧性架构在线验证实践

avatar 华为云开发者联盟
cover

如何使用Python和Plotly绘制3D图形

avatar 华为云开发者联盟