jQueryによる日付フォームカレンダー表示
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css"> <p>日付: <input type="text" id="calendar" /></p> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1/i18n/jquery.ui.datepicker-ja.min.js"></script> <script> $(function() { $.datepicker.setDefaults($.datepicker.regional["ja"]); $("#calendar").datepicker(); }); </script> |
Related Posts
About The Author
