TssGrid - 勤怠表サンプル
以前 Handsontable で作りかけていた勤怠入力画面を TssGrid で再現(無料・無依存・ノービルド)。オブジェクトデータ束縛 / 土日祝の色分け(隠しフィールド holiday_kbn 基準=cellClass の src)/ 休日カレンダー(日付ピッカーと同じ holidays JSON を読んで祝日・会社休日を赤+備考に。年月を変えると月末日も変化)/ 区分ドロップダウン+未入力アラート(平日で当日までに出勤も区分も空なら区分セルを赤に) / 時刻スマート入力(930→09:30)+HH:MM検証 / readonly 計算列(元Excelの計算を移植=勤務時間・残業・深夜・休出(休日労働は休出列へ振り分け)・遅刻/早退(基本始業09:00・終業17:30からの差)を5分丸め/基本就業7.5h/深夜22:00でライブ計算)/ 合計表(休出日数も集計)。配色はテーマ変数だけで slate+ブルー に。
計算は TssGrid非依存の純粋関数エンジン(examples/attendance-calc.js)に分離
勤怠(出勤・退勤・所定外休・区分・備考が入力できます/930 と打つと 09:30 に整形)