質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

8046閲覧

bootstrap3 bootstrap-datepickerのコンポーネントが動作しない

tsuru0508

総合スコア65

Bootstrap

BootstrapはウェブサイトデザインやUIのWebアプリケーションを素早く 作成する可能なCSSフレームワークです。 Twitter風のデザインを作成することができます。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2017/04/19 01:55

###前提・実現したいこと
いつもお世話になっております。

今回は、datepickerのカレンダーアイコンをクリックしても
カレンダーが表示されないことで困っています。
テキスト欄をクリックしたら、ちゃんとカレンダーは表示されます。

先日のご質問の際に、datepickerにも同じ名前でいろいろと
あるとお伺いして、そのあたりは修正をかけて、もう少しというところ
までは来てると思っているのですが・・・・

今一度、ヒントをご教授頂ければと。。宜しくお願いします

###該当のソースコード

<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"> <link type="text/css" rel="stylesheet" href="css/bootstrap-timepicker.css" /> <link type="text/css" rel="stylesheet" href="css/bootstrap-datepicker3.css" /> <!-- jQuery読み込み --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- BootstrapのJS読み込み --> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/bootstrap-timepicker.js"></script> <div class="input-group date"> <input type="text" class="form-control" name="bod" id="datepicker" value="<?php echo $hiduke ?>" readonly="readonly"> <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span> </div> </div> <script type="text/javascript"> $('#datepicker').datepicker({ language: 'ja', format: "yyyy/mm/dd", todayHighlight: true, toggleActive: true, autoclose: true }); </script>

###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報。
Datepicker for Bootstrap v1.7.0-dev
(https://github.com/uxsolutions/bootstrap-datepicker)

Bootstrap v3.3.7
(http://getbootstrap.com)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

$('.input-group-addon').click(function() { $('#datepicker').datepicker('show'); });

としてアイコンクリック時にdatepicker呼び出しを行ってはどうでしょうか

投稿2017/04/19 04:59

sha

総合スコア141

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

tsuru0508

2017/04/20 03:52

ありがとうございます。 無事動作しました、、、
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問