<template>
	<div @tap="_toggle" :class="{'hover7' : showTime}">
		{{dateStr || defaultStr}}
	</div>
</template>

<script>
	export default {
		name:"st-time",
		props:{
			date : [String , Date , Number] ,
			format : {
				type : String ,
				default : "minute"
			},
			defaultStr:{
				type : String ,
				default : "--"
			},
			differ:{
				type : String ,
				default : "none"
			},
			showTime:Boolean
		},
		data(){
			return {
				isToggle : false 
			}
		},
		computed:{
			dateStr(){
				return this.$s.format({
					date : this.date , 
					format : this.format ,
					differ : this.isToggle ? 'none' : this.differ 
				});
			}
		},
		methods:{
			_toggle(){
				if (this.showTime) {
					this.isToggle = !this.isToggle ;
				}
			}
		}
	}
</script>
