javascript - 如何在文本框下居中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