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

Question

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

今回は、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)

Answer 1

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

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

Comments

[tsuru0508]

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