如何在文本框下居中jquery datepicker

Question

我有以下html：

<div id="datepicker-container">
  <div id="datepicker-center">
    <input type="text id="id_program_start_date"><div id="datepicker"></div>
  </div>
</div>

我的CSS看起來像：

#datepicker-container{
  text-align:center;
}
#datepicker-center{
  display:inline-block;
  margin:0 auto;
}

我的JavaScript看起來像：

<script>
  $(function() {
    $( "#datepicker" ).datepicker({
        dateFormat: 'MM d, yy',
        changeMonth: true,
        startDate: '08/24/2014',
        firstDay: 0,
        inline: true,
        altField: '#id_program_start_date',
    });
  });
  </script>

我的日歷位於文本輸入的左側：

如何使其在文本框下方居中？

Answer 1

1）你對一個語法錯誤<input >，缺少"后"text

2）CSS關閉，使用：

#datepicker-container{
  text-align:center;
}
#datepicker-container #datepicker {
  display:inline-block;
}

JSBin