4.md

index.js

$(function(){
  var disableDates = [];
	var mainController = {
		__name : 'h5.ui.container.MainController',
		calendarController: h5.ui.components.Calendar,
		__meta : {
			calendarController: {
				rootElement: '#container'
			},
		},

		__init: function(){
    	this.$find(".select:first").attr("checked", true);
		},
    
		// 週間の日のスタイルにCSSでカスタマイズ
		'#btnCssDow click': function() {
			this.calendarController.setCssClassForDow(
				this.$find('#selDowName').val(), 
        this.$find("#selCssDowName").val()
      );
		},
  };
	h5.core.controller('body', mainController);
});