imuiCalendar

<imart type="imuiCalendar" id="sample-calendar" floatable="false" />

<imart type="imuiCalendar" id="sample-calendar" floatable="false" />

$("#sample-calendar").imuiCalendar("method_name");

$("#sample-calendar").imuiCalendar("method_name");

<input type="text" id="sample-textbox" />
<imart type="imuiCalendar" floatable="true" altField="#sample-textbox" />

<input type="text" id="sample-textbox" />
<imart type="imuiCalendar" floatable="true" altField="#sample-textbox" />

$("#sample-textbox").imuiCalendar("method_name");

$("#sample-textbox").imuiCalendar("method_name");

<imart type="imuiCalendar" calendarId="USA_CAL" />

<imart type="imuiCalendar" calendarId="USA_CAL" />

<imart type="imuiCalendar" defaultDate="2012/05/25" />

<imart type="imuiCalendar" defaultDate="2012/05/25" />

<input type="text" id="sample-textbox" />
<imart type="imuiCalendar" defaultDate="05/25/2012" format="MM/dd/yyyy" altField="#sample-textbox" />

<input type="text" id="sample-textbox" />
<imart type="imuiCalendar" defaultDate="05/25/2012" format="MM/dd/yyyy" altField="#sample-textbox" />

<imart type="imuiCalendar" defaultDate="05/25/2012" format="MM/dd/yyyy" firstDayOfWeek="1" />

<imart type="imuiCalendar" defaultDate="05/25/2012" format="MM/dd/yyyy" firstDayOfWeek="1" />

<imart type="imuiCalendar" minDate="2010/01/01" maxDate="2015/12/31" defaultDate="2010/01/01" />

<imart type="imuiCalendar" minDate="2010/01/01" maxDate="2015/12/31" defaultDate="2010/01/01" />

var validTerms = [{ start: "2012/01/01", end: "2012/01/04" }, { start: "2012/01/07", end: "2012/01/10" }, { start: "2012/01/13", end: "2012/01/16" }, { start: "2012/01/19", end: "2012/01/22" }, { start: "2012/01/25", end: "2012/01/28"}];

var validTerms = [{ start: "2012/01/01", end: "2012/01/04" }, { start: "2012/01/07", end: "2012/01/10" }, { start: "2012/01/13", end: "2012/01/16" }, { start: "2012/01/19", end: "2012/01/22" }, { start: "2012/01/25", end: "2012/01/28"}];

<imart type="imuiCalendar" validTerms=validTerms />

<imart type="imuiCalendar" validTerms=validTerms />

<imart type="imuiCalendar" changeYear="true" changeMonth="true" />

<imart type="imuiCalendar" changeYear="true" changeMonth="true" />

<imart type="imuiCalendar" changeYear="true" yearRange="c-5:c+5" />

<imart type="imuiCalendar" changeYear="true" yearRange="c-5:c+5" />

<imart type="imuiCalendar" changeYear="true" yearRange="2010:2020" />

<imart type="imuiCalendar" changeYear="true" yearRange="2010:2020" />

(function($){
    $(function(){
        $("#sample-button").click(function(){
            var selected = $("#sample-calendar").imuiCalendar("getSelection");
            $('<div/>').html(selected.join('<br>')).imuiMessageDialog({title: 'selected'});
        });
    });
})(jQuery);

(function($){
    $(function(){
        $("#sample-button").click(function(){
            var selected = $("#sample-calendar").imuiCalendar("getSelection");
            $('<div/>').html(selected.join('<br>')).imuiMessageDialog({title: 'selected'});
        });
    });
})(jQuery);

<imart type="imuiCalendar" id="sample-calendar" floatable="false" multiSelectable="true" />
<input type="button" id="sample-button" value="getSelected" />

<imart type="imuiCalendar" id="sample-calendar" floatable="false" multiSelectable="true" />
<input type="button" id="sample-button" value="getSelected" />

<input type="text" id="textbox-sample" />
<imart type="imuiCalendar" floatable="true" altField="#textbox-sample" showButtonPanel="true" />

<input type="text" id="textbox-sample" />
<imart type="imuiCalendar" floatable="true" altField="#textbox-sample" showButtonPanel="true" />

<input type="text" id="textbox-sample" />
<imart type="imuiCalendar" floatable="true" altField="#textbox-sample" showButtonPanel="true" closeText="%SAMPLE.CALENDAR.CLOSE" />

<input type="text" id="textbox-sample" />
<imart type="imuiCalendar" floatable="true" altField="#textbox-sample" showButtonPanel="true" closeText="%SAMPLE.CALENDAR.CLOSE" />

SAMPLE.CALENDAR.CLOSE=閉じる

SAMPLE.CALENDAR.CLOSE=閉じる

<input type="text" id="textbox-sample" />
<imart type="imuiCalendar" floatable="true" altField="#textbox-sample" showButtonPanel="true" currentText="%SAMPLE.CALENDAR.TODAY" />

<input type="text" id="textbox-sample" />
<imart type="imuiCalendar" floatable="true" altField="#textbox-sample" showButtonPanel="true" currentText="%SAMPLE.CALENDAR.TODAY" />

SAMPLE.CALENDAR.TODAY=今日

SAMPLE.CALENDAR.TODAY=今日

(function ($) {
    $(function(){
        $("#sample-calendars").change(function(){
            $("#sample-textbox").imuiCalendar("option", "calendarId", $("#sample-calendars").val());
        });
    });
})(jQuery);

(function ($) {
    $(function(){
        $("#sample-calendars").change(function(){
            $("#sample-textbox").imuiCalendar("option", "calendarId", $("#sample-calendars").val());
        });
    });
})(jQuery);

var calendarList = new Array();

function init() {
    var manager = new CalendarInfoManager();
    var calendars = manager.getCalendarInfos().data;
    var i;
    if (isArray(calendars)) {
        for (i = 0; i < calendars.length; i++) {
            calendarList.push({
                value : calendars[i].calendarId,
                label : calendars[i].calendarName
            });
        }
    }
}

var calendarList = new Array();

function init() {
    var manager = new CalendarInfoManager();
    var calendars = manager.getCalendarInfos().data;
    var i;
    if (isArray(calendars)) {
        for (i = 0; i < calendars.length; i++) {
            calendarList.push({
                value : calendars[i].calendarId,
                label : calendars[i].calendarName
            });
        }
    }
}

<imart type="imuiSelect" id="sample-calendars" list=calendarList />
<input type="text" id="sample-textbox" />
<imart type="imuiCalendar" altField="#sample-textbox" floatable="true" />

<imart type="imuiSelect" id="sample-calendars" list=calendarList />
<input type="text" id="sample-textbox" />
<imart type="imuiCalendar" altField="#sample-textbox" floatable="true" />

$(targetElement).imuiCalendar('getSelection'); // return Date[];

$(targetElement).imuiCalendar('getSelection'); // return Date[];

$(targetElement).imuiCalendar('setSelection', targetDate); // targetDate: Date[]

$(targetElement).imuiCalendar('setSelection', targetDate); // targetDate: Date[]

$(targetElement).imuiCalendar('deleteSelection', targetDate); // targetDate: Date[]

$(targetElement).imuiCalendar('deleteSelection', targetDate); // targetDate: Date[]

$(targetElement).imuiCalendar('destroy');

$(targetElement).imuiCalendar('destroy');

$(targetElement).imuiCalendar('disable');

$(targetElement).imuiCalendar('disable');

$(targetElement).imuiCalendar('enable');

$(targetElement).imuiCalendar('enable');

$(targetElement).imuiCalendar('option', optionName); // return Object;

$(targetElement).imuiCalendar('option', optionName); // return Object;

$(targetElement).imuiCalendar('option', optionName, optionValue);

$(targetElement).imuiCalendar('option', optionName, optionValue);

$(targetElement).imuiCalendar('widget'); // return jQueryObject;

$(targetElement).imuiCalendar('widget'); // return jQueryObject;

$(targetElement).imuiCalendar('dialog');

$(targetElement).imuiCalendar('dialog');

$(targetElement).imuiCalendar('isDisabled'); // return boolean;

$(targetElement).imuiCalendar('isDisabled'); // return boolean;

$(targetElement).imuiCalendar('hide');

$(targetElement).imuiCalendar('hide');

$(targetElement).imuiCalendar('show');

$(targetElement).imuiCalendar('show');

$(targetElement).imuiCalendar('refresh');

$(targetElement).imuiCalendar('refresh');

$(targetElement).imuiCalendar('getDate'); // return Date;

$(targetElement).imuiCalendar('getDate'); // return Date;

$(targetElement).imuiCalendar('setDate', targetDate); // targetDate: Date

$(targetElement).imuiCalendar('setDate', targetDate); // targetDate: Date

<imart type="imuiCalendar" beforeShow="beforeShow" />

<imart type="imuiCalendar" beforeShow="beforeShow" />

(function($){
  window.beforeShow = function(input, inst){
    // input: altFieldで指定したElement
    // inst: カレンダーのjQueryUI Widget
  };
})(jQuery);

(function($){
  window.beforeShow = function(input, inst){
    // input: altFieldで指定したElement
    // inst: カレンダーのjQueryUI Widget
  };
})(jQuery);

<imart type="imuiCalendar" beforeShowDay="beforeShowDay" />

<imart type="imuiCalendar" beforeShowDay="beforeShowDay" />

(function($){
  window.beforeShowDay = function(date){
    // date: 日付セルの日付(Date)
  };
})(jQuery);

(function($){
  window.beforeShowDay = function(date){
    // date: 日付セルの日付(Date)
  };
})(jQuery);

<imart type="imuiCalendar" onAjaxBeforeSend="onAjaxBeforeSend" />

<imart type="imuiCalendar" onAjaxBeforeSend="onAjaxBeforeSend" />

(function($){
  window.onAjaxBeforeSend = function(XMLHttpRequest){
    // XMLHttpRequest: XMLHttpRequestオブジェクト
  };
})(jQuery);

(function($){
  window.onAjaxBeforeSend = function(XMLHttpRequest){
    // XMLHttpRequest: XMLHttpRequestオブジェクト
  };
})(jQuery);

<imart type="imuiCalendar" onAjaxComplete="onAjaxComplete" />

<imart type="imuiCalendar" onAjaxComplete="onAjaxComplete" />

(function($){
  window.onAjaxComplete = function(XMLHttpRequest, textStatus){
    // XMLHttpRequest: XMLHttpRequestオブジェクト
    // textStatus: ステータスオブジェクト
  };
})(jQuery);

(function($){
  window.onAjaxComplete = function(XMLHttpRequest, textStatus){
    // XMLHttpRequest: XMLHttpRequestオブジェクト
    // textStatus: ステータスオブジェクト
  };
})(jQuery);

<imart type="imuiCalendar" onAjaxError="onAjaxError" />

<imart type="imuiCalendar" onAjaxError="onAjaxError" />

(function($){
  window.onAjaxError = function(XMLHttpRequest, textStatus, errorThrown){
    // XMLHttpRequest: XMLHttpRequestオブジェクト
    // textStatus: ステータスオブジェクト
    // errorThrown: 例外オブジェクト
  }
})(jQuery);

(function($){
  window.onAjaxError = function(XMLHttpRequest, textStatus, errorThrown){
    // XMLHttpRequest: XMLHttpRequestオブジェクト
    // textStatus: ステータスオブジェクト
    // errorThrown: 例外オブジェクト
  }
})(jQuery);

<imart type="imuiCalendar" onAjaxParameterExtend="onAjaxParameterExtend" />

<imart type="imuiCalendar" onAjaxParameterExtend="onAjaxParameterExtend" />

(function($){
  window.onAjaxParameterExtend = function(){
    return {}; // Ajaxリクエストに追加するパラメータ
  };
})(jQuery);

(function($){
  window.onAjaxParameterExtend = function(){
    return {}; // Ajaxリクエストに追加するパラメータ
  };
})(jQuery);

<imart type="imuiCalendar" onAjaxSuccess="onAjaxSuccess" />

<imart type="imuiCalendar" onAjaxSuccess="onAjaxSuccess" />

(function($){
  window.onAjaxSuccess = function(data, dataType){
    // data: データオブジェクト
    // dataType: データタイプオブジェクト
  };
})(jQuery);

(function($){
  window.onAjaxSuccess = function(data, dataType){
    // data: データオブジェクト
    // dataType: データタイプオブジェクト
  };
})(jQuery);

<imart type="imuiCalendar" onChangeMonthYear="onChangeMonthYear" />

<imart type="imuiCalendar" onChangeMonthYear="onChangeMonthYear" />

(function($){
  window.onChangeMonthYear = function(year, month, inst){
    // year: 選択された年(Number)
    // month: 選択された月(Number)
    // inst: カレンダーのjQueryObject
  };
})(jQuery);

(function($){
  window.onChangeMonthYear = function(year, month, inst){
    // year: 選択された年(Number)
    // month: 選択された月(Number)
    // inst: カレンダーのjQueryObject
  };
})(jQuery);

<imart type="imuiCalendar" onClose="onClose" />

<imart type="imuiCalendar" onClose="onClose" />

(function($){
  window.onClose = function(dateText, inst){
    // dateText: format属性で指定した書式でフォーマットされた日付文字列(String)
    // inst: カレンダーのjQueryObject
  };
})(jQuery);

(function($){
  window.onClose = function(dateText, inst){
    // dateText: format属性で指定した書式でフォーマットされた日付文字列(String)
    // inst: カレンダーのjQueryObject
  };
})(jQuery);

<imart type="imuiCalendar" onSelect="onSelect" />

<imart type="imuiCalendar" onSelect="onSelect" />

(function($){
  window.onSelect = function(dateText, inst){
    // dateText: format属性で指定した書式でフォーマットされた日付文字列(String)
    // inst: カレンダーのjQueryObject
  };
})(jQuery);

(function($){
  window.onSelect = function(dateText, inst){
    // dateText: format属性で指定した書式でフォーマットされた日付文字列(String)
    // inst: カレンダーのjQueryObject
  };
})(jQuery);