jQuery datepickerで値が入らなくなる

Question

datepickerで選択した値をtextareaに改行区切りでappendしていくコードを書きました。
はじめは順調に改行区切りで日付がtextareaに入力されているのですが、
一度、datepickerを閉じて、textareaの中身をすべてdeleteした後、
再度、datepickerを開いて、日付を選択すると、textareaに入力されません。

原因は何なんでしょうか？

$( function() {
	$( "#hidden_input" ).datepicker({
	      showOn: "button",
	      buttonText: "カレンダーで選択",
	      onSelect: function() {
		$(this).data('datepicker').inline = true;
		$('#date_list').append($(this).val() + '\n');
	      },
	      onClose: function() {
		$(this).data('datepicker').inline = false;
	      }
	});
});

<input type="hidden" id="hidden_input" class="datepicker"/>
    <textarea class="form-control" rows="3" id="date_list" required></textarea>

Answer 1

テキストをいじったりテキストノードを挿入したりすることで起こる現象のようなので、$.valを使う形に書き換えてみてください。

//$('#date_list').append($(this).val() + '\n');
//↓
$('#date_list').val($('#date_list').val() + $(this).val() + '\n');

Comments

[null368]

ありがとうございます。
うまく動きました！