Airflow UI 将执行日期时间更改为可读格式

Question

在 Airflow 的用户界面中，如果我将鼠标悬停在我的任何任务 ID 上，它会以非常冗长的格式向我显示“运行”、“开始”和“结束”日期，即 2021-02-12T18:57 :45.314249+00:00.

如何更改 Airflow 用户界面中的默认首选项，使其仅显示 2/12/21 6:57:45pm？ (即没有秒的小数部分)

此外，我如何确保显示的是美国/芝加哥时间而不是 UTC 时间？我尝试将我的 airflow.cfg 文件中的“default_timezone”和“default_ui_timezone”参数编辑为 America/Chicago，但即使在重新启动网络服务器后，这些更改似乎也没有反射(reflect)在 UI 上。

Answer 1

我已经达到了你想要的结果。您需要在 airflow 的源代码中编辑一个 javascript 文件来实现这一点。

首先，通过启动找到您的模块位置:

python3 -m pip show apache-airflow

然后查找“位置”属性，这是包含模块的路径。打开该文件夹，然后按如下方式导航:

airflow -> www -> static -> dist

在这里你需要寻找一个名为taskInstances.somehash.js的文件

使用您的 IDE 打开它并找到以下行:

const defaultFormat = 'YYYY-MM-DD, HH:mm:ss';
const defaultFormatWithTZ = 'YYYY-MM-DD, HH:mm:ss z';
const defaultTZFormat = 'z (Z)';
const dateTimeAttrFormat = 'YYYY-MM-DDThh:mm:ssTZD';

在此您可以随意更改格式，例如:

const defaultFormat = 'DD/MM/YY hh:mm:ss';
const defaultFormatWithTZ = 'DD/MM/YY hh:mm:ss z';
const defaultTZFormat = 'z (Z)';
const dateTimeAttrFormat = 'DD/MM/YY hh:mm:ss';

现在跳转到makeDateTimeHTML函数，修改如下:

function makeDateTimeHTML(start, end) {
  // check task ended or not
  const isEnded = end && end instanceof moment && end.isValid();
  return `Started: ${start.format('DD/MM/YY hh:mm:ss')}<br>Ended: ${isEnded ? end.format('DD/MM/YY hh:mm:ss') : 'Not ended yet'}<br>`;
}

最后，找到这些语句:

if (ti.start_date instanceof moment) {
    tt += `Started: ${Object(_main__WEBPACK_IMPORTED_MODULE_0__["escapeHtml"])(ti.start_date.toISOString())}<br>`;
} else {
    tt += `Started: ${Object(_main__WEBPACK_IMPORTED_MODULE_0__["escapeHtml"])(ti.start_date)}<br>`;
} 
// Calculate duration on the fly if task instance is still running

并更改为:

if (ti.start_date instanceof moment) {
    tt += `Started: ${Object(_main__WEBPACK_IMPORTED_MODULE_0__["escapeHtml"])(ti.start_date)}<br>`;
} else {
    tt += `Started: ${Object(_main__WEBPACK_IMPORTED_MODULE_0__["escapeHtml"])(ti.start_date)}<br>`;
} 
// Calculate duration on the fly if task instance is still running

我花了一些时间才弄明白，所以希望这会是你喜欢的。