Introduction

A very simple Japanese calendar for Firefox OS.
This supports the latest amendment of Japanese holiday law.

[Compatibility]

Firefox OS 2.0

[Locale]

ja

How to use

This app displays a calendar of this month at first.
Year is displayed in the Christian Era and the Japanese Era (after Meiji) and Earthly Branches.
Traditional Japanese names for the months are also displayed.
The lists of holidays, nijushisekki and annual functions are displayed below the calendar.
The background color of holiday is red.
The background color of today and today's items of the lists are yellow.

• Arrow buttons: previous month with the left arrow, next month with the left arrow
• "Today" button: display a calendar of this month
• "Choose year and month" button: choose year and month to display

And you can change the month to display by swipe.

• Swipe left: next month
• Swipe right: previous month
• Swipe up: next year
• Swipe down: previous year

History

1.5 (Released on 2015/12/27)

• New function: Earthly Branches and Traditional Japanese names for the months are displayed.
• Changed the color of holidays to red.
• Modified the style of shadow.
• Modified the way of to hide the date input field.

1.4.1 (Released on 2015/8/30)

• The calendar was not displayed correctly at the end of the month.
• Now entering higan and finishing higan are displayed.
• Displayed the days of previous and next months.
• The background color of today's items of the lists are yellow.
• New version of HolidayChk.js is included (so holidays before 1970 are displayed correctly).
• Changed from "Syukujitsu" to "Kyujitsu".
• Changed from "Jigetsu" to "Yokugetsu".
• The days of the lists are displayed right-aligned.
  (Reference: http://www.tam-tam.co.jp/tipsnote/html_css/post4559.html)
• Changed the style of shadow.
• Modified the layout of the lists.
• Modified the fade duration of About dialog.
• Changed the unit of About dialog's logo size (from px to em).
• Modified the style of the day of the week.
• Put the loop of displaying the lists in one.
• Separated the jQuery plugin code to another file.
  (Reference: http://dev.classmethod.jp/slide/html5-css3-jquery-jqplugin/)
• Renamed variable names: names of Date objects are date, names of days are day.
• Changed the unit of CSS font size (from pt to %).
• Simplified codes.

1.3 (Released on 2015/7/4)

• New function: the lists of zassetsu were added.
  (Reference: Glossary - 24 Sekki & Zassetsu,
  Julian day - Wikipedia, the free encyclopedia, Doyou no Ushi no hi - Wikipedia?
• Added some links to About dialog.
• Remember the scroll position of the calendar when About dialog was displayed.
  (Reference: .scrollTop() | jQuery API Documentation)
• Scroll to top of About dialog when About dialog was displayed.
• Used Strict mode.
  (Reference: Strict mode - JavaScript | MDN, http://analogic.jp/use-strict/)
• Used the strict equality operator.
• Used Date object as 0h0m0s basically.
• Date.getTime() were not used.
• Fixed swipe detection condition.
• Fixed detection condition of annual functions.
• Changed the way of to hide the date input field.
  (Reference: WebStudio)
• Changed the class names, function names and variable names of nijushisekki.
• Simplified codes.
• Optimized CSS.

1.2 (Released on 2015/6/6)

• New function: change the month to display by swipe.
  (Reference: http://blog.fenrir-inc.com/jp/2011/06/ios_android_pc_touchevent.html,
  http://www.anothersky.pw/skyward/archives/000136.html,
  jquery - Syntax for using selector in .on() method event-map? - Stack Overflow)

1.1 (Released on 2015/5/23)

• New function: the lists of annual functions and nijushisekki are added.
  (Reference: JavaScript(ECMAScript) Library "qreki.js")
• The background color of today was not yellow when today was a holiday.
• Certain holidays were not displayed by "Choose year and month" button.
  (Reference: http://iwb.jp/javascript-new-date-gettime/)
• Changed logic of conversion to Japanese era.
• Modified layouts.

1.0 (Released on 2015/5/15)

• Initial release.
  (Reference: <script> - HTML (HyperText Markup Language) | MDN,
  DOMApplicationsRegistry.getSelf() - Web API Interfaces | MDN,
  Icon implementation for apps - App Center | MDN,
  firefox - How to trigger native datepickers from javascript in FirefoxOS? - Stack Overflow)

Help Wanted

I need your help! and I also need bug report.
Please contact me by e-mail (my e-mail address is listed below).