Javascript 如何在表格中居中选择日期？

这就是目前的情况。如果可能的话，我希望它在屏幕中央。下面是datepicker部分的代码

    <div class="input-group" style="margin-left: 20px;">
     <div id="datepicker-container">
      <div id="datepicker-center">
       <input type="text" id="from" class="form-control" style="width: 180px"/>
       <input type="text" id="to" class="form-control" style="width: 180px"/>
      </div>
     </div>
    </div>  

我试过这个CSS，但它不起作用

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

---

无法让fiddle运行日期选择器。这里有一个链接也在网站上

尝试用

.ui-datepicker{ left: 50% !important; margin-left: -25.5em !important;}

---

25.5em是日历容器宽度的一半

您的html中有固定样式

左：577.172px

：

• 从中删除left属性
• 加

  #ui日期选择器div{left:50%；左边距：-25.5em；}

  
  -在css或html中（最初使用）
  -使用id作为css优先级
  -不需要！重要的

---

您能给我们一把小提琴吗？如果您在日期选择器的父容器上有一个静态宽度，您可以设置一个边距：0自动；在父对象上使其居中。如果您没有在母版上设置宽度，请告诉我。请用小提琴提供。因为当我们把它放到提琴上时，只有两个文本框显示，提琴看起来不太像日期选择器。这里有一个链接也在网站上。重复问题。您的日期选择器处于绝对位置。看看这个答案…我用.ui datepicker{margin left:-10em；}把它放在了中间，我必须在不同的屏幕上尝试。它不起作用，datepicker总是设置样式。左边在弹出窗口上你的新编辑似乎起作用了。让我再测试一些东西。是的，这很有效。谢谢

.ui-datepicker{ left: 50% !important; margin-left: -25.5em !important;}