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

<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>

你可能感兴趣的:(uview,微信小程序,javascript,前端)