2014/09/17
【jQuery】monthpicker
jQuery UIに、datepickerとdatetimepickerがありますが、意外とmonthpickerがありません。
今回はその漏れたmonthpickerのプラグインを紹介したいと思います。
デモを見てください。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <link rel="stylesheet" href="css/jquery-ui-1.10.4.custom.min.css"> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.mtz.monthpicker.js"></script><script> $(function() { // monthPick var currentTime = new Date(); var year = currentTime.getFullYear(); var year2 = parseInt(year)+10; var op = { pattern: 'yyyy-mm', selectedYear: year, startYear: year, finalYear: year2, monthNames: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'] }; $(".monthPick").monthpicker(op); }); </script> |
jquery.mtz.monthpicker.jsがgithubからダウンロードできます。
Author Profile
スターフィールド編集部
SHARE