html
<div id="build-target"></div>
<script type="text/javascript">
// Overriding ax5.info.months
ax5.info.months = ["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월"];
// Overriding ax5.info.weekNames
ax5.info.weekNames = [
{label: "일"},
{label: "월"},
{label: "화"},
{label: "수"},
{label: "목"},
{label: "금"},
{label: "토"}
];
$(document.body).ready(function () {
var
buildTarget = $("#build-target"),
today = new Date();
buildTarget.html(
'<div id="calendar-target-01" style="width:300px;border:1px solid #888;padding: 10px;float:left;margin: 10px;"></div>'
+ '<div style="clear:both;"></div>'
);
new ax5.ui.calendar({
target: document.getElementById("calendar-target-01"),
control: {
left: '<i class="fa fa-chevron-left"></i>',
yearTmpl: '%s',
monthTmpl: '%s',
right: '<i class="fa fa-chevron-right"></i>',
yearFirst: true
},
displayDate: today,
lang: {
yearTmpl: "%s년",
months: ['일월', '이월', '삼월', '사월', '오월', '육월', '칠월', '팔월', '구월', '시월', '십일월', '십이월'],
dayTmpl: "%s"
}
});
});
</script>
'AX5UI' can be used with Bootstrap theme. The development of the distribution of the various UI plug-in. When you click the link to move to AX5UI index page.
AXBoot makes it easy to build web applications with Java & HTML5 Repeatable and noise development process are resolved by AXBoot.