bootstrapでカレンダー機能をつけるならbootstrap-datepicker.js

• Tweet
• 

Webシステムでの日付検索や入力はよくあることですが、カレンダーで選ばせるのが直感的で分かりやすいです。そんなカレンダー機能を実装できる「bootstrap-datepicker.js」が導入しやすく便利です。

設置はとてもシンプル

テキストボックスをクリックすると、小さいカレンダーがでてきて、ポチッと選ぶだけ。

ダウンロードすると、ファイルが沢山入っていますが、必要なのは「datepicker.css」と「bootstrap-datepicker.js」と「bootstrap-datepicker.ja.js」のみ。jQueryが使える状態で、この3つのファイルを読み込ませます。

bootstrap-datepicker.ja.jsは日本語化のために使います。

<script>
$(function(){
$('#colname').datepicker({language: 'ja'});
});
</script>

<input type="text" id="colname">

あとは、コードを書くだけ。これだけでシンプルに実装できます。

bootstrap-datepicker.js

フリーランスエンジニアの稼ぎ方

フリーランスエンジニアの稼ぎ方。ぶっちゃけ…開発以外のことを頑張ったほうが結果がでます。

• Tweet
• 

PROFILE

プロフィール

入江 慎吾／サービス開発だけで生きていく
15年続けた受託開発をやめ、自分が作ったサービスだけで生きていくことを決意。同じゴールを目指す仲間が集まる入江開発室を運営 / 師弟関係がつくれるサービス「MENTA」をつくりました。
（詳しいプロフィール）

PRODUCT

イリテクで開発したプロダクト