前言與應用場景
曾經看到同好提問：「Notion 能不能設計一個顯示當天待辦事項的行事曆？」當時我心想，使用資料庫篩選功能來顯示當天任務已經能滿足我的需求，但仔細琢磨後才明白，他們想要的是日曆應用程式中的視覺化效果——能清楚看到當天已排定事項的時段，和哪些時段是空白的樣式。
幾年後，公式 2.0 誕生，我找到了這個有趣的範例。此設計允許使用者設定一天的開始時間與結束時間，生成以小時為單位的時間標籤，並自動匹配與這些時間標籤相對應的任務。同時，我們還可以設置，將一天分成三個大區塊（早晨、下午、晚上），使用不同的背景顏色區分各時段，呈現出色彩分明的日程視圖。
https://x.com/PurpleNotion/status/1713536449646108787
公式拆解
時間標籤
根據開始時間和結束時間，生成每小時的時間標籤（如 06:00），並進一步將標籤格式化為固定長度，確保多位數字的時間能夠對齊顯示。
..............
/* 基本變量 */
開始時間, prop("Start Time").toNumber(),
結束時間, prop("End Time").toNumber(),
總時間, 結束時間 - 開始時間,
/* 生成時間標籤 */
時間標籤, "x".repeat(總時間).split("").map(index + 開始時間).concat([結束時間]),
標籤最大長度, 時間標籤.max().length(),
零零標籤, 時間標籤.map("0".repeat(標籤最大長度 - format(current).length()) + current),
完整標籤, 零零標籤.map(current + ":00"), /* 時間標籤加上分鐘:00 */
..............
接下來，依據一天的不同時段（早晨、下午、晚上），為時間標籤添加背景顏色，增強視覺效果。
..............
/* 計算各時間段的時長 */
早晨結束, 12, /* 早晨結束時間 */
下午結束, 18, /* 下午結束時間 */
morn_hours, max(min(早晨結束, 結束時間) - 開始時間, 0),
aft_hours, max(min(下午結束, 結束時間) - max(開始時間, 早晨結束), 0),
eve_hours, max(結束時間 - max(開始時間, 下午結束), 0),
/* 樣式化時間標籤 */
標籤樣式, 完整標籤.map(
ifs(/* 早晨藍色、下午橙色、晚上紫色 */
morn_hours >= 0
and index + 1 <= morn_hours, current.style("blue_background"),
aft_hours >= 0
and index + 1 >= morn_hours
and index + 1 <= morn_hours + aft_hours, current.style("orange_background"),
current.style("purple_background")
)
),
..............
關於時間標籤的部分，我提供了 GPT 建議的修改版本，大家可以根據需求選擇自己喜歡的寫法。
..............
/* 基本變量 */
開始時間, prop("Start Time").toNumber(),
結束時間, prop("End Time").toNumber(),
總時間, 結束時間 - 開始時間,
/* 時間段參數化 */
早晨開始, 6,
早晨結束, 12,
下午開始, 12,
下午結束, 18,
晚上開始, 18,
晚上結束, 24,
/* 計算各時間段的時長 */
morn_hours, max(min(早晨結束, 結束時間) - max(開始時間, 早晨開始), 0),
aft_hours, max(min(下午結束, 結束時間) - max(開始時間, 下午開始), 0),
eve_hours, max(min(晚上結束, 結束時間) - max(開始時間, 晚上開始), 0),
/* 生成時間標籤 */
時間標籤, "x".repeat(總時間).split("").map(index + 開始時間).concat([結束時間]),
標籤最大長度, 時間標籤.max().length(),
零零標籤, 時間標籤.map("0".repeat(標籤最大長度 - format(current).length()) + current),
完整標籤, 零零標籤.map(current + ":00"), /* 時間標籤加上分鐘 */
..............
對應時間的任務
利用時間標籤篩選任務資料庫中的對應項目，並將任務名稱動態附加到時間標籤後方。
這部分與原本的公式有一點點不同，這個改版也是能正常運作的。
..............
/* 分配任務至指定的時間標籤 */
scheduled_labels, 標籤樣式.map(
lets(
n, current,
n + " " + prop("Scheduler").filter(
lets(
start, current.prop("Date & Time").dateStart().formatDate("HH").toNumber().toNumber(),
end, if(
/* 如果結束時間不在整點，則四捨五入 */
current.prop("Date & Time").dateEnd().formatDate("mm").toNumber() > 0,
current.prop("Date & Time").dateEnd().formatDate("HH").toNumber() + 1,
current.prop("Date & Time").dateEnd().formatDate("HH")
).toNumber(),
n.toNumber() >= start and n.toNumber() < end
)
)
)
),
/* 輸出結果 */
scheduled_labels.join("\\n")
..............
完成後，將公式欄位添加到 Gallery View 並啟用欄位摺疊功能，即可直觀顯示當日行事曆內容。
範例頁面
小小心得
雖然這個公式十分有趣，但對我來說，它並不適合我的筆記。相較於這種圖形化行事曆，我更偏好使用 Notion 原生的篩選器與排序功能，直接瀏覽當天的任務清單。如果需要檢視任務時段與空白時間，我會考慮使用 Timeline View，將時間單位設為 Day，這樣也能一目了然。或是也可以進一步使用 Notion Calendar，它的面板就像是 Google 日曆一樣。
無論是動態行事曆還是時間軸檢視，選擇適合自己需求的方式才是關鍵。希望這篇分享能啟發你，讓日程管理更加靈活！
