今日の人気記事

  1. 入力フォームのフォーカスを自動でタブ移動「Autotab」

年月を選択・表示「Month selector」

当ページのリンクには広告が含まれています。

スポンサーリンク

年月を選択・表示するプラグイン「Month selector」を紹介します。

jQueryプラグイン「Month selector」

このプラグインを使えば、アコーディオン・ウィジェットを使って「年月」を選択するメニューのようなものを実装することができます。

また、選択した月を簡単に表示することもできるので便利です。

オプションでは、月名(1月やJanuary……)や選択する年月の期間などを設定することができます。

スポンサーリンク

それではデモページをご覧ください。

「Month selector」のデモ

デモのソース(HTML + jQuery)


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="description" content="Keypad のデモでーす。">
<title>Keypad - jQueryプラグイン</title>
<link href="jquery.keypad.css" rel="stylesheet">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="jquery.plugin.js"></script>
<script src="jquery.keypad.js"></script>
<script>
$(function () {
  $('#defaultKeypad').keypad({
    randomiseNumeric: true
  });
});
</script>
</head>
<body>
<h1>Keypad のデモでーす。</h1>
<p><input type="password" id="defaultKeypad"></p>
</body>
</html>
スポンサーリンク

関連記事(一部広告含む)