rails bootstrap4 datetime-picker 設定が反映されない

Question

実現したいこと

ajaxで取得した値により選択できない日付を変更したい。

発生している問題

画面ロード時のdatetimepickerの設定がデフォルトになっており、新たに設定した内容が反映されない。

試したこと

一旦設定を初期化するためにdestroyやclearをしてみたが、新たに設定した内容が反映されていない。

該当のソースコード

<div class="form-group">
	<div class="col-md-6 col-md-offset-1">
		<div class="input-group" data-target-input="nearest">
			<%= f.text_field :visit_date, id: "visit_date", class: "datepicker", data: { target: '#visit_date', toggle:"datetimepicker"}, placeholder: '来店日を選択してください。'%>
		</div>
	</div>
</div>

function select_date_check() {
	var id = $('#id').val();
	var name = $('#name').val();
	
	$.ajax({
		type: 'GET',
		url: '/date_check/check',
		data: {
			date_check: {
				id: id,
				name: name
			}
		},
		dataType: 'json'
	})
	.done(function (date) {
		console.log(date["date"]);

		$('.datepicker').datetimepicker('clear'); 
		$('.datepicker').datetimepicker({
			format : "YYYY/MM/DD",
			useCurrent: false,
			icons: {
				time: "fa fa-clock-o",
				date: "fa fa-calendar",
				up: "fa fa-arrow-up",
				down: "fa fa-arrow-down"
			},
			minDate: date["date"],
			buttons: {
				showClose: true
			}
		});
	})
	.fail(function() {
		console.log("失敗");
	});
}

補足情報（FW/ツールのバージョンなど）

rails 5.2.3
ruby 2.6.3
bootstrap4-datetime-picker-rails 0.3.1

Answer 1

下記のようにdatetimepickerがクリックされたときに関数を実行したかったが、関連する値が変わるところで呼ぶことにより、反映されるようになった。

$(document).on("click",　"#visit_date", function(){
	select_date_check();
});