在输入输入秒数自动转换成年月日时分秒:
<body>
<div id="time" style="margin: 200px">
<i-input v-model="data" @on-enter="button"></i-input>
</div>
<script>
var main={
data(){
return{
data:'',
}
},
methods:{
transfer_time(value){
let secondTime = parseInt(value);// 秒
let minuteTime = 0;// 分
let hourTime = 0;// 小时
let dayTime = 0; // 天
let mouthTime = 0; // 月
let yearTime = 0; //年
if(secondTime > 60) {//如果秒数大于60,将秒数转换成整数
//获取分钟,除以60取整数,得到整数分钟
minuteTime = parseInt(secondTime / 60);
//获取秒数,秒数取佘,得到整数秒数
secondTime = parseInt(secondTime % 60);
//如果分钟大于60,将分钟转换成小时
if(minuteTime > 60) {
//获取小时,获取分钟除以60,得到整数小时
hourTime=parseInt(minuteTime/60);
//获取小时后取佘的分
minuteTime=parseInt(minuteTime%60);
if(hourTime>24){
// 获取天数,获取小时除以24,得到整数天数
dayTime=parseInt(hourTime/24);
// 获取天数后取余的小时
hourTime=parseInt(hourTime%24);
// 一个月按30天算
if(dayTime>30){
// 获取月数,天数除以30,得到整月数
mouthTime=parseInt(dayTime/30);
// 获取月数取余后的天数
dayTime=parseInt(dayTime%30);
if(mouthTime>12){
// 获取年数,月数除以12,得到整年数
yearTime=parseInt(mouthTime/12);
// 获取年数取余后的月数
mouthTime=parseInt(mouthTime%12);
}
}
}
}
}
var result = "" + parseInt(secondTime) + "秒";
if(minuteTime > 0) {
result = "" + parseInt(minuteTime) + "分" + result;
}
if(hourTime > 0) {
result = "" + parseInt(hourTime) + "小时" + result;
}
if(dayTime > 0) {
result = "" + parseInt(dayTime) + "天" + result;
}
if(mouthTime > 0) {
result = "" + parseInt(mouthTime) + "个月" + result;
}
if(yearTime > 0) {
result = "" + parseInt(yearTime) + "年" + result;
}
console.log(result)
this.data=result;
},
button(){
console.log("开始点击")
a=this.data;
this.transfer_time(a);
}
}
}
var Component=Vue.extend(main);
new Component().$mount("#time");
</script>
</body>
运行如图: