如何將 JavaScript 日期時間轉換為 MySQL 日期時間？-js教程-PHP中文網

首頁

web前端

js教程

如何將 JavaScript 日期時間轉換為 MySQL 日期時間？

王林

Sep 10, 2023 pm 08:09 PM

如何将 JavaScript 日期时间转换为 MySQL 日期时间？

在處理資料庫時，JavaScript 中的日期時間運算非常重要。 JavaScript 日期和時間與 MySQL 日期和時間不同。 JavaScript 提供了多種方式來表示日期和時間，這些格式都與 MySQL 的日期和時間格式不同。在本文中，我們將討論一些將 JS 日期和時間轉換為 MySQL 日期和時間格式的方法。

首先，我們要先了解Javascript和MySQL日期和時間格式之間的差異。這是一個例子 -

Javascript−

ISO 8601 Date Format : YYYY-MM-DDTHH:mm:ss.sssZ

MySQL −

ISO 8601 Date Format: YYYY-MM-DD HH:MM:SS

這裡有一些將 JS 日期轉換為 MySQL 日期格式的方法 -

使用 String split() 和 slice() 方法
使用 String Replace() 和 slice() 方法

使用字串 split() 和 slice() 方法

以下是此方法中遵循的步驟 -

取得 Javascript 日期並使用 .toISOString() 方法將其轉換為 ISO 日期格式。
使用 String.split( ) 方法將 ISO 字串拆分為兩部分，並使用「T」作為分隔符號
宣告兩個變數 data 和 time 並指派 String 的對應部分。
合併日期和時間字串。

範例

在此範例中，我們使用 split() 和 slice() 方法將 JavaScript 日期時間轉換為 MySQL 日期時間。

<html>
<body>
   <h2 id="Convert-JavaScript-datetime-to-MySQL-datetime">Convert JavaScript datetime to MySQL datetime</h2>
   <p>Click the following button to convert JavaScript datetime to MySQL datetime</p><br>
   <button id="btn" onclick="convert()"> Click Here </button>
   <br>
   <p id="result1">JavaScript Time: </p>
   <p id="result2">MySQL Time: </p>
   <script>
   
      // function to convert JavaScript date to MySQL date-time format
      function convert() {
         let out1 = document.getElementById("result1");
         
         // create a new Date object
         let dt = new Date();
         
         // convert the date object to ISO string format
         dt = dt.toISOString();
         out1.innerText += dt;
         
         // split the ISO string into date and time
         dt = dt.split("T");
         
         // separate the date and time into separate variables
         let date = dt[0];
         let time = dt[1].slice(0, 8);
         
         // combine date and time into a single MySQL-format string
         let mysqlTime = date + " " + time;
         
         // get the output element and set its text content to the MySQL time string
         let out2 = document.getElementById("result2");
         out2.innerText += mysqlTime;
      }
   </script>
</body>
</html>

經過一些縮小後，JavaScript 程式碼可以寫成 -

function convert() {
   let dt = new Date().toISOString().split("T");
   let mysqlTime = dt[0] + " " + dt[1].slice(0, 8);
   let out = document.getElementById("output");
   out.innerText += mysqlTime;
}

使用 String Replace() 和 slice() 方法

以下是此方法中遵循的步驟 -

取得 Javascript 日期並使用 .toISOString() 方法將其轉換為 ISO 日期格式。
將 T 替換為空格。
將 ISO 日期字串切片直至第 19 個字元

#範例

在這個範例中，我們使用replace() 和slice() 方法將JavaScript 日期時間轉換為MySQL 日期時間。

<html>
<body>
   <h2 id="Convert-JavaScript-datetime-to-MySQL-datetime">Convert JavaScript datetime to MySQL datetime</h2> 
   <p>Click the following button to convert JavaScript datetime to MySQL datetime</p><br>
   <button id="btn" onclick="convert( )"> Click Here </button><br>
   <p id="result1">JavaScript Time: </p>
   <p id="result2">MySQL Time: </p>
   <script>
      
      // function to convert JavaScript date to MySQL date-time format
      function convert() {
         let out1 = document.getElementById("result1");
         
         // Create a new Date object
         let dt = new Date();
         
         // Convert the date object to an ISO string
         dt = dt.toISOString();
         out1.innerText += dt;
         
         // Replace the 'T' character with a space
         dt = dt.replace("T", " ")
         
         // Slice the string, up to the 19th character
         dt = dt.slice(0, 19);
         
         // Print the string
         let out2 = document.getElementById("result2");
         out2.innerText += dt;
      }
   </script>
</body>
</html>

經過一些縮小後，JavaScript 程式碼可以寫成 -

function convert() {
   let dt = new Date().toISOString().replace("T", " ").slice(0, 19);
   let out = document.getElementById("output");
   out.innerText += dt;
}

我們在這裡透過範例討論了兩種將 JavaScript 日期時間轉換為 MySQL 日期時間的方法。

以上是如何將 JavaScript 日期時間轉換為 MySQL 日期時間？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文轉載於：tutorialspoint。如有侵權，請聯絡admin@php.cn刪除

在JavaScript中替換字符串字符Mar 11, 2025 am 12:07 AM

JavaScript字符串替換方法詳解及常見問題解答本文將探討兩種在JavaScript中替換字符串字符的方法：在JavaScript代碼內部替換和在網頁HTML內部替換。在JavaScript代碼內部替換字符串最直接的方法是使用replace()方法： str = str.replace("find","replace"); 該方法僅替換第一個匹配項。要替換所有匹配項，需使用正則表達式並添加全局標誌g： str = str.replace(/fi

如何創建和發布自己的JavaScript庫？Mar 18, 2025 pm 03:12 PM

文章討論了創建，發布和維護JavaScript庫，專注於計劃，開發，測試，文檔和促銷策略。

如何在瀏覽器中優化JavaScript代碼以進行性能？Mar 18, 2025 pm 03:14 PM

本文討論了在瀏覽器中優化JavaScript性能的策略，重點是減少執行時間並最大程度地減少對頁面負載速度的影響。

如何使用瀏覽器開發人員工具有效調試JavaScript代碼？Mar 18, 2025 pm 03:16 PM

本文討論了使用瀏覽器開發人員工具的有效JavaScript調試，專注於設置斷點，使用控制台和分析性能。

jQuery矩陣效果Mar 10, 2025 am 12:52 AM

將矩陣電影特效帶入你的網頁！這是一個基於著名電影《黑客帝國》的酷炫jQuery插件。該插件模擬了電影中經典的綠色字符特效，只需選擇一張圖片，插件就會將其轉換為充滿數字字符的矩陣風格畫面。快來試試吧，非常有趣！工作原理插件將圖片加載到畫布上，讀取像素和顏色值： data = ctx.getImageData(x, y, settings.grainSize, settings.grainSize).data 插件巧妙地讀取圖片的矩形區域，並利用jQuery計算每個區域的平均顏色。然後，使用

如何構建簡單的jQuery滑塊Mar 11, 2025 am 12:19 AM

本文將引導您使用jQuery庫創建一個簡單的圖片輪播。我們將使用bxSlider庫，它基於jQuery構建，並提供許多配置選項來設置輪播。如今，圖片輪播已成為網站必備功能——一圖胜千言！決定使用圖片輪播後，下一個問題是如何創建它。首先，您需要收集高質量、高分辨率的圖片。接下來，您需要使用HTML和一些JavaScript代碼來創建圖片輪播。網絡上有很多庫可以幫助您以不同的方式創建輪播。我們將使用開源的bxSlider庫。 bxSlider庫支持響應式設計，因此使用此庫構建的輪播可以適應任何

用JavaScript增強結構標記Mar 10, 2025 am 12:18 AM

核心要点利用 JavaScript 增强结构化标记可以显著提升网页内容的可访问性和可维护性，同时减小文件大小。 JavaScript 可有效地用于为 HTML 元素动态添加功能，例如使用 cite 属性自动在块引用中插入引用链接。将 JavaScript 与结构化标记集成，可以创建动态用户界面，例如无需页面刷新的选项卡面板。确保 JavaScript 增强功能不会妨碍网页的基本功能至关重要；即使禁用 JavaScript，页面也应保持功能正常。可以使用高级 JavaScript 技术（