<view class="date">
	<view class="day">{{date_d}}</view>
	<view class="line"></view>
	<view class="time">
		<view class="mouth">{{date_m}}</view>
		<view class="year">{{date_y}}</view>
	</view>
</view>

data(){
    return{
        day:'',
        mouth:'',
        year:''
    }
}

onload(){
    this.getTime()
}
methods:{
    getTime() {
				let date = new Date();

				var y = date.getFullYear();

				var m = date.getMonth();
				switch (m) {
					case 0:
						m = 'Jan';
						break;
					case 1:
						m = 'Feb';
						break;
					case 2:
						m = 'Mar';
						break;
					case 3:
						m = 'Apr';
						break;
					case 4:
						m = 'MAy';
						break;
					case 5:
						m = 'Jun';
						break;
					case 6:
						m = 'Jul';
						break;
					case 7:
						m = 'Aug';
						break;
					case 8:
						m = 'Sep';
						break;
					case 9:
						m = 'Oct';
						break;
					case 10:
						m = 'Nov';
						break;
					case 11:
						m = 'Dec';
						break;
				}

				let d = date.getDate();
				d = d < 10 ? ('0' + d) : d; //天补0

				this.date_d = d;
				this.date_y = y;
				this.date_m = m;
			},
}

css样式就不啰嗦啦~