背景・実現したいこと
タイトルの通り、日付範囲を指定してその日数をGaroonのワークフローのスペースに表示させたいと思っております。試してみたところ、ボタンの表示もされません。
javascript初心者なため、コードの記述もこれでよいのかどうか、ご教授いただければ幸いです。
エラー情報
ブラウザの開発者ツールのコンソールから下記エラーが出ています。
Uncaught TypeError: $ is not a function
Uncaught TypeError: jQuery is not a function
利用したソースコード
/*
* 日付計算のプログラム
*/
(function() {
"use strict";
garoon.events.on('workflow.request.create.show', function(event) {
//ボタンを作成
var space = garoon.workflow.request.getSpaceElement('calcDate');
if (space === null) {
swal('Error!');
return;
}
var calcDateEl = document.createElement('input');
calcDateEl.type = 'button';
calcDateEl.value = '日付計算';
calcDateEl.id = 'calcBtn';
space.appendChild(calcDateE1);
$('#calcBtn').click(function(){
//入力された日付データの値を取得する
var request = garoon.workflow.request.get();
var start = request.items.start.value;
var end = request.items.end.value;
//日付オブジェクトを作成
var date0 = new Date(start);
var date1 = new Date(end);
//差分を計算
var date_diff = date1.getTime() - date0.getTime();
//日数に換算
var diff_dd = date_diff/(24*60*60*1000);
//時間に換算
var diff_hh = date_diff/(60*60*1000);
//要素の中に値をセット
var calcDate = garoon.workflow.request.getSpaceElement('calcDate');
calcDate.items.calcDate.value = (diff_dd + '日');
garoon.workflow.request.set(calcDate);
});
return event;
});
})(jQuery.noConflict(true));