Obsidian DataviewJs的應用

Foreword

  • DataviewJs為Dataview的更進一步應用,使用javascript撰寫。
  • 筆記示範,如何使用DataviewJs並結合CustomJs讓取得Tasks的方式可以在多個筆記引用。

Content

安裝PlugIn CustomJs

  • 指定js的資料夾

撰寫 MyTask.js

  • 取得所有未完成的工作,並濾掉不需要的資料夾header
class MyTask {
  getTasks(dv) {
  let tasks = dv.pages().where((f) => f.file.path.indexOf("60.Extra") == -1).file.tasks;
    tasks = tasks.where(
				(t) => !t.completed 
					 && t.section.subpath.indexOf("Routine") == -1
    );
    tasks.sort((t) => t.due);
    return tasks;
  }
}
  • 完成後放到資料夾 60.Extra/67.Assets/js

DataviewJs顯示Tasks

  • 透過customJs 使用MyTask,並呼叫getTasks取得待處理工作。
  • 針對各狀態過濾,顯示標題及Tasks
  • 若要顯示結果,將dataviewjs-marked,的-marked移除。
const isDue =(t)=>{
    var result= moment(new Date(t.due)).isBefore(moment(),"day");
    return result;
}

const isToday =(t)=>{
    var result= moment(new Date(t.due)).isSame(moment(),"day");
    return result;
}

const isUpcoming =(t)=>{
    var result= moment(new Date(t.due)).isAfter(moment(),"day");
    return result;
}

const isUndated =(t)=>{
    return t.due == null;
}

const {MyTask} = customJS;
let tasks=MyTask.getTasks(dv);
tasks.sort(t=>t.due);

dv.header(2,"🗓️本日待辦");
dv.taskList(tasks.filter(t=>isToday(t)),true)

dv.header(2,"🗓️過期待辦");
dv.taskList(tasks.filter(t=>isDue(t)),true)

dv.header(2,"🗓️未來待辨");
dv.taskList(tasks.filter(t=>isUpcoming(t)),true)

dv.header(2,"🗓️未排程");
dv.taskList(tasks.filter(t=>isUndated(t)),true)

Reference

這個網誌中的熱門文章

IIS 設定只允許特定IP進入

[TFS] 分支與合併