如何使用datepicker在页面加载的选择框中设置今天的日期

Question

我有3个选择框，日/月/年。如果我加载网页并使用datepicker点击日期，则会使用正确的日期更新选择字段。

然而，在页面加载时，我希望选择框加载今天的日期。我试图在页面加载时在datepicker中设置今天的日期，但是选择字段未显示今天的日期，而是显示选择列表中的第1天，第1个月，第1年。

 <script>
$(function() {
    $('#datepicker').datepicker({
beforeShow: readSelected, onSelect: updateSelected,
minDate: new Date(), maxDate: new Date(2016, 12 - 1, 31)});


// Prepare to show a date picker linked to three select controls
function readSelected() {
$('#datepicker').val($('#selectMonth').val() + '/' +
    $('#selectDay').val() + '/' + $('#selectYear').val());
return {};
}

// Update three select controls to match a date picker selection
function updateSelected() {
var date1 = $(this).val();
console.log(date1.substring(0, 2));
console.log(date1.substring(3, 5));
console.log(date1.substring(6, 10));
$('#selectMonth').val(date1.substring(0, 2));
$('#selectDay').val(date1.substring(3, 5));
$('#selectYear').val(date1.substring(6, 10));
}

$('select').change(readSelected);
    $('#pickDate').click(function (e) {
    $('#datepicker').datepicker("show");
    e.preventDefault();
});
});
</script> 

 <script>
$( document ).ready(function() {
var currentDate = new Date();  
$("#datepicker").datepicker("setDate",currentDate);

});
</script>