JavaScript / CSSでカスタマイズには以下の順番で読み込ませています。
https://js.cybozu.com/jquery/1.12.4/jquery.min.js
https://js.cybozu.com/jqueryui/1.12.1/jquery-ui.min.js
C.js(スペースフィールドにボタン設置用のライブラリ)
B.js(フィールドにカレンダ表示するためのライブラリ)
A.js(メインスプリクト)
として設定しています。
Aファイルには
var myJQuery = jQuery.noConflict(true);
(function($) {
“use strict”;kintone.events.on(‘app.record.create.show’, function(event) {
button_set(‘GENGOU_GET’,‘取得’); Cファイルにて処理
dateInput(‘受付日’); Bファイルにて処理
return
});
})();
Cファイル
window.button_set = function(spaceId,InputLabel){
var mySpaceFieldButton = document.createElement(‘button’);
mySpaceFieldButton.id = spaceId;
mySpaceFieldButton.innerText = InputLabel;
}
kintone.app.record.getSpaceElement(spaceId).appendChild(mySpaceFieldButton);
}
Bファイル
window.dateInput = function(date_box) {
// 指定したテキストボックスにカレンダー表示
$(date_box).datepicker();
// 日本語化
$.datepicker.regional[‘ja’] = {
closeText: ‘閉じる’,
prevText: ‘<前’,
nextText: ‘次>’,
currentText: ‘今日’,
monthNames: [‘1月’,‘2月’,‘3月’,‘4月’,‘5月’,‘6月’,
‘7月’,‘8月’,‘9月’,‘10月’,‘11月’,‘12月’],
monthNamesShort: [‘1月’,‘2月’,‘3月’,‘4月’,‘5月’,‘6月’,
‘7月’,‘8月’,‘9月’,‘10月’,‘11月’,‘12月’],
dayNames: [‘日曜日’,‘月曜日’,‘火曜日’,‘水曜日’,‘木曜日’,‘金曜日’,‘土曜日’],
dayNamesShort: [‘日’,‘月’,‘火’,‘水’,‘木’,‘金’,‘土’],
dayNamesMin: [‘日’,‘月’,‘火’,‘水’,‘木’,‘金’,‘土’],
weekHeader: ‘週’,
dateFormat: ‘yy/mm/dd’,
firstDay: 0,
isRTL: false,
showMonthAfterYear: true,
yearSuffix: ‘年’};
$.datepicker.setDefaults($.datepicker.regional[‘ja’]);
}
というようなスプリクトを記載しています。
このとき、AファイルからBファイルの呼び出しすると
Uncaught TypeError: $ is not a functionの表示がでてしまいます。
Bファイルにてjqueryの.datepicker();を利用するにはどのようにすればよろしいでしょうか?
初心者すぎる質問で申し訳ないですが、ご回答をお願いいたします。