输入时间秒数自动格式化转化成年月日时分秒

在输入输入秒数自动转换成年月日时分秒:

<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>

运行如图:


猜你喜欢

转载自blog.csdn.net/yang__k/article/details/80865137
今日推荐