在web开发中，我们经常会遇到需要用户输入日期的场景。为了提升用户体验，通常希望日期输入框在页面加载时能有一个合理的默认值，例如今天的日期。然而，更重要的是，当用户通过表单提交了新的日期后，页面刷新或重新加载时，输入框应该显示用户最新选择的日期，而不是再次回到今天的日期。这种兼顾初始默认值和用户输入保持的需求，是本教程要解决的核心问题。
核心问题解析
假设我们有一个名为nnnx.php的PHP页面，其中包含一个日期输入框，其name属性为nnnx。我们的目标是：
- 当用户首次访问nnnx.php时，该日期输入框应自动填充为当前的日期（例如YYYY/MM/DD格式）。
- 当用户在日期输入框中选择了一个新日期并提交表单后，页面重新加载时，输入框应显示用户刚刚提交的日期，而不是今天的日期。
这意味着我们需要一种机制来判断：当前是页面首次加载，还是用户提交了表单。
解决方案：PHP三元运算符的妙用
PHP提供了$_POST（或$_GET，取决于表单提交方式）全局数组来获取用户提交的数据。我们可以利用$_POST['nnnx']来检查用户是否提交了日期值。如果$_POST['nnnx']存在且不为空，则说明用户提交了新的日期；否则，我们应该使用今天的日期作为默认值。
这种逻辑可以通过一个简洁的PHP三元运算符（Ternary Operator）来实现。三元运算符的语法是 条件 ? 表达式1 : 表达式2，如果条件为真，则返回表达式1的值；否则返回表达式2的值。
立即学习“PHP免费学习笔记（深入）”；
以下是实现这一逻辑的PHP代码片段：
将$selectedDate变量的值嵌入到HTML日期输入框的value属性中，即可实现所需的功能。
完整示例代码
为了提供一个可运行的示例，我们将结合HTML表单和JavaScript日期选择器（如jQuery UI Datepicker），构建一个完整的页面：
PHP 日期输入框默认值设置
当前选中的日期是:
代码解析
-
PHP部分 ():
- $today = date("Y/m/d");: 这行代码使用PHP的date()函数获取当前的系统日期，并将其格式化为年/月/日（例如 2023/10/27）。这个变量用于当没有用户提交值时的默认值。
- $selectedDate = !empty($_POST['nnnx']) ? $_POST['nnnx'] : $today;: 这是核心逻辑所在。
- !empty($_POST['nnnx']): 检查$_POST数组中是否存在名为nnnx的键，并且其值不为空（包括null, false, 0, 空字符串等）。如果用户通过表单提交了日期，$_POST['nnnx']就会有值。
- ? $_POST['nnnx']: 如果!empty($_POST['nnnx'])为真（即用户提交了日期），那么$selectedDate的值就取自$_POST['nnnx']。
- : $today: 如果!empty($_POST['nnnx'])为假（即用户没有提交日期，可能是首次加载页面），那么$selectedDate的值就取自$today。
- htmlspecialchars($selectedDate): 在将$selectedDate的值输出到HTMLvalue属性时，务必使用htmlspecialchars()函数。这是一个重要的安全措施，可以防止跨站脚本（XSS）攻击，因为用户提交的数据可能包含恶意代码。
-
HTML部分 ():
- : input标签的value属性被动态地设置为$selectedDate的值。这样，无论是默认的今天日期还是用户提交的日期，都会正确显示在输入框中。name="nnnx"确保了表单提交时，该输入框的值会通过$_POST['nnnx']传递。
-
JavaScript部分 ():
- $( "#datepicker" ).datepicker({...});: 这段代码使用了流行的jQuery UI库来将普通的文本输入框转换为一个交互式的日期选择器。它通过id="datepicker"选中了我们的输入框。
- dateFormat: "yy/mm/dd": 非常重要，这里设置的日期格式必须与PHP中date("Y/m/d")的格式完全一致。如果PHP输出的是Y-m-d，那么这里也应该设置为yy-mm-dd。格式不一致会导致日期选择器无法正确解析或显示日期。
注意事项
- 日期格式统一性： PHP的date()函数输出的日期格式（如Y/m/d）必须与前端JavaScript日期选择器（如jQuery UI Datepicker）配置的dateFormat保持一致。不一致会导致日期解析错误或显示异常。虽然本例使用了Y/m/d，但在许多Web应用中，Y-m-d（例如 2023-10-27）是更常见的格式，因为它与HTML5的默认格式兼容，也更符合ISO 8601标准。
- 安全性： 始终使用htmlspecialchars()函数来转义任何从用户输入或数据库中获取并显示在HTML页面上的数据。这能有效预防XSS（跨站脚本）攻击。
- 用户体验： 尽管PHP处理了默认值的逻辑，但一个好的日期选择器（如jQuery UI Datepicker、Flatpickr、Bootstrap Datepicker等）能极大地提升用户选择日期的体验，避免手动输入可能导致的格式错误。
- 数据验证： 在服务器端接收到用户提交的日期后，即使使用了日期选择器，也务必进行后端验证。检查日期格式是否正确、日期是否有效（例如，2月30日是非法日期），以及日期是否在允许的范围内（例如，不能选择未来日期或过去日期）。
- 提交方式： 本教程示例使用的是POST方法提交表单。如果您的表单使用GET方法，则需要检查$_GET['nnnx']而不是$_POST['nnnx']。
总结
通过本教程，我们学习了如何利用PHP的三元运算符，结合!empty()函数和$_POST数组，优雅地实现一个日期输入框的默认值管理。这种方法不仅确保了页面首次加载时能显示今天的日期，更重要的是，它能记住用户提交的最新日期，从而提供了一个既智能又用户友好的交互体验。同时，我们也强调了日期格式统一性、安全性以及结合前端日期选择器和后端数据验证的重要性，这些都是构建健壮Web应用不可或缺的实践。
