カレンダーの値を入れるテキストボックスに初期値を設定しておきたいです。

お世話になります。
表題の件の通りでカレンダーの値を取得する前にデフォルトで日付を入れておきたいのですがやり方がわかりません。どなたかご教授お願いいたします。

aaaが入っているテキストボックスと
8/2(thu)が入っているテキストボックスのidはcalendarです。

aaaをクリックするとカレンダーが表示されます。

8/2(the)のテキストボックスをクリックしてもカレンダーが表示されません。

どなたかご教授お願いいたします。
当該コードは下記のとおりです。

<html>
<head>
<!--CDN接続-->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<!--デイトピッカーの読み込み-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/i18n/jquery-ui-i18n.min.js"></script>
</head>

<body>
<!--カレンダー実行-->
<input id="calendar" type="text" value="aaa">
<!--日付取得-->
<form name="myForm">
<input id="calendar" type="text" name="day1">
<input id="calendar" type="text" name="day2">
<input id="calendar" type="text" name="day3">
</form>


<!--カレンダー-->
<script>
$(function() {
$.datepicker.setDefaults( $.datepicker.regional[ "ja" ] );
    $('#calendar').datepicker({
minDate: '0y', //今日から
maxDate: '+5y', //5年後までが選択可能範囲
dateFormat: 'mm/dd(D)' //年-月-日(曜日)
});
});
</script>

<!--日付取得-->
<script language="JavaScript"><!--
var dt=new Date();
var dm=dt.getMonth()+1;
var dd=dt.getDate();
var dw=dt.getDay();
var wn=["sun","mon","tue","wed","thu","fri","sat"];
var str=dm+"/"+dd+"("+wn[dw]+")";
document.myForm.day1.value=str;

var dt=new Date();
var dm=dt.getMonth()+1;
var dd=dt.getDate();
var dw=dt.getDay();
var wn=["sun","mon","tue","wed","thu","fri","sat"];
var str=dm+"/"+dd+"("+wn[dw]+")";
document.myForm.day2.value=str;

var dt=new Date();
var dm=dt.getMonth()+1;
var dd=dt.getDate();
var dw=dt.getDay();
var wn=["sun","mon","tue","wed","thu","fri","sat"];
var str=dm+"/"+dd+"("+wn[dw]+")";
document.myForm.day3.value=str;

</script>
</body>
</html>