16、树莓派全栈开发：日期时间选择器与时区处理

树莓派全栈开发：日期时间选择器与时区处理

1. 日期时间选择器介绍

在应用开发中，为了提升用户体验和界面可用性，我们可以添加日期时间选择器小部件。用户不仅能使用 3 小时、6 小时、12 小时和 24 小时的快速选择单选按钮，还能自定义日期时间范围。

有许多 JavaScript 库可以生成这样的选择器，例如 jQuery 自带一些用户界面元素，包括日期和时间选择器。但为了获得更多灵活性，我们选择使用第三方 jQuery 插件，如 https://xdsoft.net/jqplugins/datetimepicker/ 中的“Inline DateTimePicker”，它有日历和小时分钟列，方便选择日期和时间。

2. 集成日期时间选择器到 HTML 页面

要将其集成到 HTML 页面，需按以下步骤操作：
1. 导入小部件的 CSS 和 JS 文件：

<link rel="stylesheet" type="text/css" href="/jquery.datetimepicker.css"/>
<script src="/jquery.js"></script>
<script src="/build/jquery.datetimepicker.full.min.js"></script>

2. 将小部件