Javascript 如何在文本框下居中放置jquery日期选择器

我有以下html：

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

我的javascript看起来像：

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

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

$（函数（）{
$（“#日期选择器”）。日期选择器({
日期格式：“MM d，yy”，
变化月：对，
起始日期：2014年8月24日，
第一天:0,，
是的，
altField:“#id#程序#开始#日期”，
});
});

我的日历位于文本输入的左侧：

如何使其位于文本框的中心？

1）您在

上有语法错误，在
文本之后缺少一个
“
”

2） CSS已关闭，请使用：

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