datetime-local詳解

一、datetimelocal怎麼存進資料庫

datetime-local是HTML5提供的一種新的日期時間選擇控制項，它允許用戶選擇一個日期和一個時間，同時它也是在不同的瀏覽器之間兼容性最好的日期選擇器之一。如果想要在web應用程序中使用datetime-local作為日期選擇器，我們需要將用戶選擇的日期時間存到資料庫中。在存儲前，需要注意datetime-local顯示的日期和時間字元串格式是YYYY-MM-DDTHH:mm，其中T是日期和時間的分隔符，例如：2022-01-01T08:00。

PHP中可以使用strtotime()函數將datetime-local轉換為Unix時間戳：

$date_time_local = $_POST['datetime_local'];
$timestamp = strtotime($date_time_local);

在MySQL中，可以使用UNIX_TIMESTAMP()函數將Unix時間戳轉換為MySQL中的日期時間類型進行存儲：

INSERT INTO table_name (datetime_column) VALUES (FROM_UNIXTIME($timestamp));

二、datetimelocal有T

由於datetime-local的日期和時間字元串中包括了字元「T」，這可能會導致一些誤解。實際上，這個「T」只是界面上的分隔符，並不影響實際的存儲或顯示。另外，在使用JavaScript處理datetime-local時，需要先將「T」替換成空格，才能通過Date()函數正確的解析成JavaScript中的Date對象。

var datetime_local = "2022-01-01T18:00";
var datetime = new Date(datetime_local.replace("T", " "));

三、datetimelocal的值轉換成date

當我們在使用datetime-local選擇日期和時間時，可以通過JavaScript將其轉換為Date對象，或者將其格式化為字元串。要將datetime-local的值轉換為Date對象，我們需要先將其替換為標準的日期時間格式，然後使用Date()函數進行解析：

var datetime_local = "2022-01-01T18:00";
var datetime = new Date(datetime_local.replace("T", " "));

如果要將datetime-local的值格式化為字元串，可以使用字元串的substr()函數進行截取和拼接，例如：

var datetime_local = "2022-01-01T18:00";
var date_str = datetime_local.substr(0, 10); // "2022-01-01"
var time_str = datetime_local.substr(11, 5); // "18:00"
var datetime_str = date_str + " " + time_str; // "2022-01-01 18:00"

四、datetime-local轉換為localdatetime

datetime-local和localdatetime都是HTML5中的日期時間選擇控制項，它們的區別在於時間的表示方式。在localdatetime中，時間的顯示方式和當地的時區有關，而在datetime-local中，時間的顯示方式是固定的，沒有考慮時區的問題。如果要將datetime-local轉換為localdatetime，可以使用Date對象的toISOString()方法將其轉換為ISO 8601標準格式的字元串，然後去掉最後的「Z」字元即可：

var datetime_local = "2022-01-01T18:00";
var datetime = new Date(datetime_local.replace("T", " "));
var localdatetime_str = datetime.toISOString().replace("Z", "");

五、datetime-local的時區問題

在使用datetime-local時，需要注意其沒有考慮時區的問題。例如，如果用戶在中國北京選擇了2022年1月1日08:00作為datetime-local的值，那麼在美國紐約選擇同一個值，顯示的時間將是2021年12月31日19:00，因為紐約的時區比北京早13個小時。解決這個問題的方法是，在前端使用JavaScript將datetime-local的值傳到後端之前，先將其轉換為UTC時間（與格林威治標準時間相同），這樣就能保證在不同時區使用相同的時間值。

var datetime_local = "2022-01-01T08:00";
var datetime = new Date(datetime_local.replace("T", " "));
var utc_timestamp = Date.UTC(datetime.getUTCFullYear(), 
                 datetime.getUTCMonth(), 
                 datetime.getUTCDate(), 
                 datetime.getUTCHours(), 
                 datetime.getUTCMinutes(), 
                 datetime.getUTCSeconds());

六、小結

本文詳細介紹了datetime-local控制項的各種用法，包括怎麼將datetime-local存入資料庫、datetime-local的時區問題、datetime-local和localdatetime的轉換等。