skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

おそろしく簡単にカレンダーを表示できるjQueryプラグイン「pickadate.js」

フォームの入力は簡単にすることで離脱率を下げることが可能です。
日付を入力させるところもカレンダーで表示すると、簡易化できまたわかりやすいので、誤入力が減りそうです。
Pickadate.jsはこれを実現するjQueryプラグインです。

sponsors

使用方法 導入は非常に簡単です。
Pickadate.jsからファイル一式をダウンロード。
<link rel="stylesheet" href="pickadate.01.default.css"> //好きなテーマを選んでください
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="pickadate.min.js"></script>
<script type="text/javascript">
$(function () {
$('.class名').pickadate()
});
</script>

あとは表示させたい場所に上記classを振ってあげれば完成です。
<input class="datepicker" type="text">
おそろしく簡単にカレンダーを表示できるjQueryプラグイン「pickadate.js」サンプル

sponsors

「おそろしく簡単にカレンダーを表示できるjQueryプラグイン「pickadate.js」」をシェアする

記事作成:
記事URL:

TOP > > > おそろしく簡単にカレンダーを表示できるjQueryプラグイン「pickadate.js」

前の記事:
次の記事:iOSライクに各見出しを上部で固定して見やすくするjQueryプラグイン「jQuery List Plugin」

あなたにはこちもお勧め!

jQuery プラグインまとめ!

JavaScript

read more

Column

read more