×

学习下JS中时间datetime的转换

作者:天空2019.08.29来源:Web前端之家浏览:5799评论: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,大家预览看下效果吧!!!!

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/js882idsopieipowie.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • jianj

    node看上有点复杂...

  • 访客

    正好遇到,谢谢分享...

  • jimmy

    这个很有趣,国内SEO更多的是百度...

  • jenny

    VUE的总结的不错啊,收藏了。下次搞点React的啊...

  • jenny

    win7最经典,想当初win8出来后都没它好用,怀恋经典。。。...

  • Terry

    谢谢提醒,插件已经修复。...

  • 访客

    士大夫士大夫...

  • 访客

    用這甚麼顏色...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2023 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.7.2