uviewui实现日期间隔 弹出（模态框）

需要实现效果如下：

介于uniappui只能显示 年月日 和时分 我不知道怎么合并换了一个uviewui 能够实现 但是点击才出现弹框 加载的时候并没有显示当前日期

找半天 先用模态框【自带组件】

//模态框的组件
<template>
	<view>
		<u-modal v-model="show" :content="content"></u-modal>
		<u-button @click="open">
			打开模态框
		</u-button>
	</view>
</template>
	
<script>
	export default {
		data() {	
			return {
				show: false,
				content: '东临碣石，以观沧海'
			}
		},
		methods: {
			open() {
				this.show = true;
			}
		}
	}
</script>

但是这个模态框里面放放文字提示还行 其他就不行

继续看文档…
发现原来只要在里面写view就可以显示想要放的东西辣~

//获取当前时间
getTime:function(){

var date = new Date(),
year = date.getFullYear(),
month = date.getMonth() + 1,
day = date.getDate(),
hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(),
minute = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(),
second = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds();
month >= 1 && month <= 9 ? (month = "0" + month) : "";
day >= 0 && day <= 9 ? (day = "0" + day) : "";
var timer = year + '-' + month + '-' + day + ' ' + hour + ':' + minute + ':' + second;
return timer;
}