(小程序) 日期时间选择

最新推荐文章于 2024-05-16 17:01:56 发布

nyf_unknown

最新推荐文章于 2024-05-16 17:01:56 发布

阅读量963

点赞数

分类专栏： VUE 文章标签：小程序

本文链接：https://blog.csdn.net/qq_44754635/article/details/127329540

版权

VUE 专栏收录该内容

188 篇文章 2 订阅

订阅专栏

(小程序) 日期时间选择

效果：

在这里插入图片描述

代码

<u-form-item label="起始时间" borderBottom @click="showStartDate = true; hideKeyboard()">
	<u--input
		v-model="startDate" 
		placeholder="请选择起始时间"
		border="none"
		disabled  //禁止手机端软键盘弹出
		disabledColor="none" //清除输入框背景色
	></u--input>
	<u-icon
		slot="right"
		name="arrow-right"
	></u-icon>
</u-form-item>


<!-- 起始时间 -->
<u-datetime-picker
	:show="showStartDate"
	:value="startDate"
	mode="date"
	closeOnClickOverlay //点击蒙版可关闭
	@confirm="startDateConfirm"
	@cancel="startDateClose"
	@close="startDateClose" 
></u-datetime-picker>

//起始时间	 
startDateConfirm(e) {
	this.showStartDate = false  
	this.startDate = uni.$u.timeFormat(e.value, 'yyyy-mm-dd')
},
startDateClose() {
	this.showStartDate = false 
},