uniapp开发获取当前日期

最新推荐文章于 2024-08-10 16:40:43 发布

北京的北京

最新推荐文章于 2024-08-10 16:40:43 发布

阅读量1.5k

点赞数

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

本文链接：https://blog.csdn.net/m0_58135258/article/details/123406713

版权

微信小程序专栏收录该内容

14 篇文章 1 订阅

订阅专栏

这个博客展示了如何在Vue.js应用中创建一个日期时间组件。通过获取当前日期和时间，将月份转换为英文缩写，并在视图中展示日期（带前导零填充）和年份。该组件的样式并未在内容中详细说明，但可以自定义以适应不同的设计需求。

摘要由CSDN通过智能技术生成

<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样式就不啰嗦啦~