bootstrap-datepickerで取得した年月日を個別のテキストボックスに埋め込みたい

bootstrap-datepickerで取得した年月日を個別の[年][月][日]
テキストボックスに埋め込みたいのですが、どのようにしたらよいか分かりません。

<table id="pt1" border="1" class="table">
 <tbody>
  <tr>
   <th>実施日</th>
   <td>
   <input type="text" id="target_year" name="target_year" size="4" maxlength="4" class="inp" value="" />年
   <input type="text" id="target_month" name="target_month" size="2" maxlength="2" class="inp" value="" />月
   <input type="text" id="target_day" name="target_day" size="2" maxlength="2" class="inp" value="" />日
   <input type="button" id="dp_pos1" name="dp_pos1" value="日付選択" />
  </td>
 </tbody>
</table>

コード
$(function() {
	$('#dp_pos1').datepicker( {
		//カレンダーが閉じたあとの処理(各テキストボックスに値を分配)
		onClose : function(date) {
			if ( date.length > 0 ) {
				$('#target_year').val(date.split("/")[0]);
				$('#target_month').val(date.split("/")[1]);
				$('#target_day').val(date.split("/")[2]);
			}
		}
	});
});

どのようにすれば振り分けができるでしょうか？
教えて下さい。
宜しくお願いいたします

行動規範の内容に同意します

回答1件

ベストアンサー

同名でいくつかライブラリがあるようなので、どのライブラリかによって答えが変わる可能性もあります。

JavaScript
1$( '#dp_pos1' ).datepicker( format: 'YYYY/MM/DD' ).on( 'dp.change', function( e ) {
2    console.log( e.date );
3    $( '#target_year'  ).val( e.date.split( '/' )[ 0 ] );
4    $( '#target_month' ).val( e.date.split( '/' )[ 1 ] );
5    $( '#target_day'   ).val( e.date.split( '/' )[ 2 ] );
6});

(参考にしたもの)
【Events - Bootstrap 3 Datepicker】
http://eonasdan.github.io/bootstrap-datetimepicker/Events/

【javascript - bootstrap 3 datetimepicker((eonasdan)) - e.date is undefined on "dp.show" - Stack Overflow】
http://stackoverflow.com/questions/31034675/bootstrap-3-datetimepickereonasdan-e-date-is-undefined-on-dp-show

ここから追記：

こっちだったようなので、修正。

【Events — bootstrap-datepicker documentation】
http://bootstrap-datepicker.readthedocs.org/en/stable/events.html#changedate

dp.change → changeDate に変えて、イベントの返り値がDateオブジェクトに変わる感じかな。

JavaScript
1$( '#dp_pos1' ).datepicker().on( 'changeDate', function( e ) {
2    console.log( e.date ); // ここでDateオブジェクトの取得がきちんとできているか確認
3    $( '#target_year'  ).val( e.date.getFullYear() );
4    $( '#target_month' ).val( e.date.getMonth() + 1 );
5    $( '#target_day'   ).val( e.date.getDate() );
6});