今日の人気記事

  1. 画像ポップアップ・スライドショー「Lightbox 2」
  2. 指定した数値から折れ線グラフを描画「SimpleChart」
  3. 編集可能なリストを作成「Editable Listview」
  4. シンプルなレスポンシブ・トップメニュー「PrMenu」
  5. select要素を検索できるように「Chosen」

年月を選択・表示「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>
スポンサーリンク

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