uniapp小功能代码片段

1.时间过滤器

1.1 写在单页面

<script>
	export default{
		data(){
			return{
				myTime:'2011-01-09T02:33:23.000Z'
			}
		},
		filters:{
			// 过滤器，date为需要过滤的时间
			formateDate(date){
				const nDate = new Date(date)
				const year = nDate.getFullYear()
				// 固定2位，不满2位的用0补满，比如3月时，显示为03
				const month = (nDate.getMonth()+1).toString().padStart(2,0)
				const day = nDate.getDate().toString().padStart(2,0)
				return year+'年'+month+'月'+day+'日'
			}
		}
	}
</script>

<view>时间：{{myTime|formateDate}}</view>

显示效果

1.2 写在全局main.js里

Vue.filter('formatDate',(date)=>{
	const nDate = new Date(date)
	const year = nDate.getFullYear()
	const month = nDate.getMonth().toString().padStart(2,0)
	const day = nDate.getDate().toString().padStart(2,0)
	return year + '-' +month + '-' +day
})

 

2.