uview - DatetimePicker 时间选择器 /时间戳转化，兼容微信小程序

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

嘿，小苹果

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

阅读量1.8k

点赞数 2

分类专栏： uview 文章标签：微信小程序 javascript 前端

本文链接：https://blog.csdn.net/AAAXiaoApple/article/details/126698892

版权

uview 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<template>
	<view class="">
		<view class="sss" @click="show = true">
			<text>日期选择</text>
			<u-datetime-picker :show="show" v-model="timeValue" mode="date" @confirm="confirm" @cancel="close"></u-datetime-picker>
			<view>{{ timeValue }}</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			show: false,
			timeValue: '2022-05-21',
			value1: Number(new Date())
		};
	},
	methods: {
		async confirm(e) {
			this.show = false;
			const timeFormat = uni.$u.timeFormat;
			let timeValue = await timeFormat(e.value, 'yyyy-mm-dd');
			this.timeValue = timeValue;
			console.log(timeValue);
		},
		//自己想要什么样的日期类型，以下作为参考
		// console.log(timeFormat(e.value, 'yyyy-mm-dd'));
		// console.log(timeFormat(e.value, 'yyyy-mm-dd hh:MM'));
		// console.log(timeFormat(e.value, 'yyyy-mm'));
		
		close() {
			this.show = false;
		}
	}
};
</script>
<style scoped>
.sss {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: pink;
}
.sss > view {
	margin-right: 50rpx;
}
</style>