学习下JS中时间datetime的转换

作者：天空2019.08.29来源：Web前端之家浏览：7963评论:0

关键词：js 时间转换

给定JavaScript DateTime格式的日期，如何使用JavaScript将此时间转换为MySQL DateTime格式？

方法：

1、使用date. toisostring()函数将date对象转换为字符串ISO格式，YYYY-MM-DDTHH:mm:ss.sssz或±YYYY-MM-DDTHH:mm:ss.sssz格式。

2、使用slice()方法提取字符串的一部分。

3、使用replace()方法将“T”字符替换为空格“”。

示例1：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>将JavaScript datetime转换为MySQL datetime - Web前端之家</title>
	</head>

	<body style = "text-align:center;">  
        <p style = "font-size: 19px; font-weight: bold;">单击按钮，将JS datetime转换为MySQL datetime</p> 
          
        <button onclick = "Fun()">点击这里</button> 
          
        <p id = "DOWN" style =  
            "color: green; font-size: 24px; font-weight: bold;"> 
        </p> 
          
        <script> 
            var el_down = document.getElementById("DOWN"); 
            function Fun() { 
                var date = new Date(); 
                el_down.innerHTML = "MySQL datetime - " +  
                date.toISOString().slice(0, 19).replace('T', ' '); 
            } 
        </script>  
    </body>  
</html>

实例2：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>将JavaScript datetime转换为MySQL datetime - Web前端之家</title>
	</head>

	<body style = "text-align:center;">  
        <p style = "font-size: 19px; font-weight: bold;">单击按钮，将JS datetime转换为MySQL datetime</p> 
          
        <button onclick = "Fun()">点击这里</button> 
          
        <p id = "DOWN" style =  
            "color: green; font-size: 24px; font-weight: bold;"> 
        </p> 
          
        <script> 
            var el_down = document.getElementById("DOWN"); 
            function Fun() { 
                var date = new Date(); 
                el_down.innerHTML = "MySQL datetime - " +  
                        date.toISOString().split('T')[0] + ' '  
                        + date.toTimeString().split(' ')[0]; 
            } 
        </script>  
    </body>  
</html>

OK，大家预览看下效果吧！！！！

赏您的支持是我们创作的动力！