laoyang
52cc1ecccb
- #131 名册卡片加「分组」按钮（details+radio，显示当前分组，选中即改） - #132 修复「从已有人里加入名册」无反应 - #133 生日只显示月和日（阳历 MM-DD / 农历中文名），PersonQuery::birthdaysOf 取代 birthdayOf - #134 地址结构化为 国家/省/市/区+详细：regions 表（3429 行全国区划）+ Region.php + ?r=regions 级联接口 + 表单 .addr-grid + 老地址回填（Schema v16） - #135 千人名册性能：.person content-visibility:auto + 名册页 ob_gzhandler （实测 服务端 1.15s/3.8MB → 0.17s/87KB；客户端导航→load 1.35s → 0.37s） - #136 拖动排序改 Pointer Events（Chrome 下 HTML5 DnD 在 DOM 变动时断） - #137 个人详情页底部「删除人员」 - #138 编辑资料页加「返回名册」 - #139 所有日期选择换 Semi Design DatePicker（渐进增强：原生四字段保 POST 契约， 懒加载 vendor semi UMD，值回写原字段；工作经历 type=month 一并升级；宣纸主题对齐） 验证：e2e 785/0、batch9 37/0、upgrade 126/0、picker 28/0、mobile 688/0、interact 97/0、 batch_e 91/0、import 21/0、douban 22/0、drag 5/0、semi-integrate 28/0、semi-probe 17/0、 geom 5/5；部署后线上自检 16/16（含 4 个 semi 资源 200 + regions 路由）。
85 lines
5.0 KiB
PHP
85 lines
5.0 KiB
PHP
<?php
|
||
/**
|
||
* 「日期 + 24 小时制时:分:秒」组合输入控件（从 TripLog 的 _datetime.php 移植）。
|
||
*
|
||
* ⚠️ 为什么不用 <input type="datetime-local">：
|
||
* 它的显示格式由**浏览器 UI 语言 / 系统时间格式**决定，<html lang> 与元素 lang
|
||
* 都压不过它。中文环境实测会渲染成「下午 03:30」，用户很容易把上下午填反；
|
||
* 而且它只有时:分，**没有秒**。拆成「原生日期选择器 + 三个下拉」后，
|
||
* 24 小时制与"精确到秒"都由控件本身保证，浏览器改不掉。
|
||
*
|
||
* 日期部分仍是原生 `<input type="date">`（app.js 里的 showPicker 脚本对它同样生效，
|
||
* 点输入框任意位置都能弹出日历 —— 这正是"整个输入框点击都可以弹出"的落点）。
|
||
*
|
||
* 用法（include 前 set 好这些变量；模板里只读它们）：
|
||
* $dtName 字段基名，如 'birthday_solar' → 产出 *_date / _hour / _minute / _second
|
||
* $dtValue 可空；'Y-m-d H:i:s' / 'Y-m-d H:i' / 'Y-m-d'。服务端用 read_dt_input($dtName) 取值
|
||
* $dtRequired 日期是否必填（默认 false）
|
||
* $dtId 可选；日期控件的 id（供 <label for>）
|
||
* $dtSeconds 是否要"秒"这一档（默认 true；生日要精确到时分秒）
|
||
*/
|
||
$dtName = (string)($dtName ?? 'time');
|
||
$dtValue = $dtValue ?? null;
|
||
$dtRequired = (bool)($dtRequired ?? false);
|
||
$dtId = (string)($dtId ?? '');
|
||
$dtSeconds = (bool)($dtSeconds ?? true);
|
||
|
||
// ⚠️⚠️ 临时变量**一律带 dt 前缀**，一个都不能漏：这里原来写成
|
||
// `$t = strtotime(...)`，把宿主模板里表示「这条任务 / 这条记录」的 `$t`
|
||
// 覆盖成了 int —— 于是 include 之后凡是读 `$t['id']`、`$t['status']` 的地方
|
||
// 全部拿到 null，子任务列表空、评论不渲染、@高亮消失，而且**不报任何错**
|
||
// （PHP 8 对 "Trying to access array offset on value of type int" 只 Warning）。
|
||
// tasks/show.php 上就是这么被 e2e 抓到的（2026-10-02）。
|
||
$dtTs = (!empty($dtValue) && ($dtTsTmp = strtotime(trim((string)$dtValue)))) ? $dtTsTmp : false;
|
||
$dtDate = $dtTs ? date('Y-m-d', $dtTs) : '';
|
||
$dtHour = $dtTs ? (int)date('G', $dtTs) : 0; // G = 0..23，天然 24 小时制
|
||
$dtMin = $dtTs ? (int)date('i', $dtTs) : 0;
|
||
$dtSec = $dtTs ? (int)date('s', $dtTs) : 0;
|
||
?>
|
||
<?php /* v24 第 9 批 #9：所有日期选择换 Semi Design DatePicker（用户点名，样式与宣纸主题统一）。
|
||
策略是**渐进增强**，原生四字段原样保留：
|
||
· 表单契约（*_date/_hour/_minute/_second → read_dt_input()）不变，服务端零改动；
|
||
· Semi 资源（3.4 MB JS）只有页面真出现 .dt-input 才由 app.js 懒加载；
|
||
· 加载成功 → 隐藏 .dt-native、在 .dt-semi 里挂 DatePicker，值回写原字段；
|
||
· 加载失败/断网 → 原生控件原样可见可用，页面不会坏。 */
|
||
$dtCfg = ['name' => $dtName, 'seconds' => $dtSeconds, 'required' => $dtRequired, 'id' => $dtId];
|
||
?>
|
||
<div class="dt-input" data-dt="<?= e(json_encode($dtCfg, JSON_UNESCAPED_UNICODE | JSON_HEX_APOS | JSON_HEX_QUOT)) ?>">
|
||
<span class="dt-semi" aria-hidden="true"></span>
|
||
<span class="dt-native">
|
||
<input type="date" class="dt-date" name="<?= e($dtName) ?>_date"
|
||
<?= $dtId !== '' ? 'id="' . e($dtId) . '"' : '' ?>
|
||
value="<?= e($dtDate) ?>"<?= $dtRequired ? ' required' : '' ?>
|
||
aria-label="日期">
|
||
<span class="dt-time">
|
||
<select class="dt-hour" name="<?= e($dtName) ?>_hour" aria-label="时（24 小时制）">
|
||
<?php for ($dtH = 0; $dtH < 24; $dtH++): $hv = sprintf('%02d', $dtH); ?>
|
||
<option value="<?= $hv ?>"<?= $dtH === $dtHour ? ' selected' : '' ?>><?= $hv ?></option>
|
||
<?php endfor; ?>
|
||
</select>
|
||
<span class="dt-colon" aria-hidden="true">:</span>
|
||
<select class="dt-minute" name="<?= e($dtName) ?>_minute" aria-label="分">
|
||
<?php /* ⚠️ 循环变量一律带 dt 前缀：这里曾被写成 $m，把宿主模板里
|
||
表示「观影记录」的 $m 覆盖成了 int —— 编辑页的简介/备注回填
|
||
被静默清空、取消链接变 id=0，还不止一个 Warning（2026-09-30 e2e 抓到）。 */ ?>
|
||
<?php for ($dtM = 0; $dtM < 60; $dtM++): $mv = sprintf('%02d', $dtM); ?>
|
||
<option value="<?= $mv ?>"<?= $dtM === $dtMin ? ' selected' : '' ?>><?= $mv ?></option>
|
||
<?php endfor; ?>
|
||
</select>
|
||
<?php if ($dtSeconds): ?>
|
||
<span class="dt-colon" aria-hidden="true">:</span>
|
||
<select class="dt-second" name="<?= e($dtName) ?>_second" aria-label="秒">
|
||
<?php for ($dtS = 0; $dtS < 60; $dtS++): $sv = sprintf('%02d', $dtS); ?>
|
||
<option value="<?= $sv ?>"<?= $dtS === $dtSec ? ' selected' : '' ?>><?= $sv ?></option>
|
||
<?php endfor; ?>
|
||
</select>
|
||
<?php endif; ?>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
<?php /* 用完即清，避免残留变量影响下一次 include */ unset(
|
||
$dtName, $dtValue, $dtRequired, $dtId, $dtSeconds, $dtCfg,
|
||
$dtTs, $dtTsTmp, $dtDate, $dtHour, $dtMin, $dtSec,
|
||
$dtH, $dtM, $dtS, $hv, $mv, $sv
|
||
); ?>
|