首页 > 编程语言 >JavaScript获取表单数据转换时间格式(学习自用)

JavaScript获取表单数据转换时间格式(学习自用)

时间:2024-06-12 23:04:09浏览次数:10  
标签:convert JavaScript 表单 dateNow let 格式 Date 自用 data

JavaScript获取表单数据转换时间格式:

getTime(date){
            let dateNow = new Date(date);
            function convert(data) {//时间为个位数时,前面加个0,使观感更好
                return data < 10 ? "0" + data : data;
            }
            let year = dateNow.getFullYear();
            let month = convert(dateNow.getMonth()+1);
            let day = convert(dateNow.getDate());
            let hours = convert(dateNow.getHours());
            let minutes = convert(dateNow.getMinutes());
            let seconds = convert(dateNow.getSeconds());
            let data = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
            return data;
        },

这段代码是一个函数 getTime(date),用于将传入的日期转换为特定格式的时间字符串。函数中的逻辑包括获取年、月、日、时、分、秒,并将它们拼接成形如 yyyy-MM-dd HH:mm:ss 的时间格式。

在函数中:

  • let dateNow = new Date(date);:将传入的日期参数转换为 JavaScript 的 Date 对象。
  • convert(data):这是一个内部函数,用于将时间的个位数补零,以保证时间显示的格式正确。
  • 获取年、月、日、时、分、秒的具体数值,并通过 convert 函数进行补零处理。
  • 将年月日时分秒拼接成形如 yyyy-MM-dd HH:mm:ss 的时间字符串。
  • 最后返回格式化后的时间字符串。

通过这个函数,可以方便地将日期对象转换为特定格式的时间字符串,以满足不同场景下对时间显示格式的需求。

怎么调用:

async getUserList(){
            let res=await userList();
            if(res.data.code===20000){
                this.tableData=res.data.data.map(item=>{
                    item.reg_time=this.getTime(item.reg_time);
                    return item;
                });
            }
            console.log(res);
        }

为什么月份要加1?
答:
在JavaScript中,Date对象中的月份是从0开始计数的,即0代表一月,1代表二月,以此类推,11代表十二月。因此,在处理月份时,需要将实际的月份值加一,以匹配Date对象中的月份表示方式。这是为了与通常的月份表示习惯保持一致,避免出现月份显示错误的情况。

标签:convert,JavaScript,表单,dateNow,let,格式,Date,自用,data
From: https://blog.csdn.net/yayaye717/article/details/139559743

相关文章

  • MyCMS与AI的融合:构建智能表单小程序系统
    引言:随着人工智能技术的飞速发展,MyCMS作为一款功能强大的内容管理系统,通过集成AI技术,进一步拓展了其应用范围和智能化水平。本文将探讨如何利用MyCMS结合AI技术,构建一个能够将用户提交的万能表单数据转化为智能提问的系统,以提高数据处理的智能化和用户体验。MyCMS的AI配置:MyCMS的......
  • 二级web基础操作题练习(6)——嵌入Javascript代码
    -----要求----- 用JavaScript编写如图1所示页面,当在第一个文本框中输入URLhttp://test.cn/index.jsp?key0=0&key1=1&key2=2,点击按钮“解析参数“后,在下面的三个文本框中分别显示解析出来的参数,如图2所示。图1图2 -----代码示例-----<html><head><!--设置字符编......
  • JavaScript常用的流程控制语句
    在JavaScript中,有以下几种常用的流程控制语句:if...else:当if条件为假时,可以使用else语句执行另一段代码。if(condition){//条件为真时执行的代码}else{//条件为假时执行的代码}if...elseif...else:可以链式使用多个if和elseif来根据多个条件执行不......
  • 表单设计器推荐什么好?
    当前,社会竞争非常大,作为企业,如何在众多同质化竞争中脱颖而出,获得客户的信赖与支持?一个非常重要的方面就是选对软件平台产品。低代码技术平台作为专业的提质增效服务平台产品,拥有众多理想的优势特点,在推进企业数字化转型和流程化办公的过程中作用显著。那么,表单设计器推荐什么好?今......
  • JavaScript判断数据为对象(转载)
    1.javaScript判断数据为对象1.1. Object.prototype.toString.call()2.JavaScript如何判断数据类型2.1. typeof2.2. Array.isArray()2.3. instanceof2.4. Object.prototype.toString.call()2.5. constructor2.6. 使用ES6的Symbol.toStringTa......
  • 基本数据类型 String,null 和 undefined,运算符,流程控制,JavaScript之数组,数组常用
    Ⅰ基本数据类型String【一】String类型String类型就是字符串类型【二】定义变量【1】常规变量var变量名="变量值";//一般用这种var变量名='变量值';不支持三引号【2】可以先声明不赋值先用varb;再对变量b赋值varb='6';【三】字符串的格式化输出语法......
  • 神奇的JavaScript弱等价类型转换
    JavaScript语言特性-类型转换JavaScript这门语言的类型系统从来没有它表面看起来的那样和善,虽然比起Java、C#等一众强类型语言,它的弱类型使用起来似乎是如此便利,但正因为它极高的自由度,所以才会衍生出令人摸不着头脑的荒诞行为。举个例子,虽然我们都知道一个包含内容的字符串会......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript美食网站(零食)
    HTML+CSS+JS【美食网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript购物商城(华为手机)
    HTML+CSS+JS【购物商城】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......
  • C# JavaScriptSerializer序列化时的时间处理详解
    原文链接:https://www.jb51.net/article/122143.htm输出如下图所示: 猜测这里是由于js初始化时间的时候往往是向1970/01/01添加毫秒数,JavaScriptSerializer进行序列化的时候也会格式化为距离1970/01/01到当该时间点GMT+0时间的毫秒数,如果直接反序列化可以看到少了8小时,且......