微信小程序日期picker（uniapp）

最新推荐文章于 2024-03-18 15:23:43 发布

Cc_Debugger

最新推荐文章于 2024-03-18 15:23:43 发布

阅读量589

点赞数

分类专栏：微信小程序文章标签：微信小程序 uni-app 小程序

本文链接：https://blog.csdn.net/Xiang_Gong_Ya_/article/details/126618440

版权

微信小程序专栏收录该内容

18 篇文章 0 订阅

订阅专栏

mode 设置为 date

<picker mode="date" @change="bindDateChange">
		<view>{{date}}</view>
</picker>

定义方法

bindDateChange(e){
this.date = e.detail.value
// 想要什么时间格式可以在这里转换
}

属性说明

属性名	类型	默认值	说明	平台差异说明
value	String	0	表示选中的日期，格式为"YYYY-MM-DD"	
start	String		表示有效日期范围的开始，字符串格式为"YYYY-MM-DD"	
end	String		表示有效日期范围的结束，字符串格式为"YYYY-MM-DD"	
fields	String	day	有效值 year、month、day，表示选择器的粒度，默认为 day，App 端未配置此项时使用系统 UI	H5、App 2.6.3+、微信小程序、百度小程序、字节跳动小程序、飞书小程序
@change	EventHandle		value 改变时触发 change 事件，event.detail = {value: value}	
@cancel	EventHandle		取消选择时触发	
disabled	Boolean	false	是否禁用