Jquery ui jQuery日期选择器宽度

我不明白为什么这么难做到。关于jQuery的一切都很简单。如何设置jQuery“display:inline；”日期选择器的宽度

我已经编辑了jquery ui css，但一旦我更改月份，它就会重置宽度

---

我希望这只是我遗漏的一些愚蠢的东西。

如果您使用的是默认形式的jQuery日期选择器，那么只需将其添加到css中，它就可以工作了：

.ui-datepicker {
width: 17em; /*what ever width you want*/
}

---

减小日历的字体大小将减小日期选择器的宽度

您可以通过添加以下css来减小字体大小：

div.ui-datepicker
{
    font-size:10px;
}

.container{
宽度：270px；
}

我使用包装器解决了这个问题，并设置了一个CSS类来强制内联日期选择器的宽度为其父级的100%，因此，例如，当您将日期选择器放在.col上时，当行宽度发生变化时，小部件会调整到其父级的宽度，当然这是可以接受的，但这是可以接受的。这对我在引导程序中使用是有用的。col和WITH将响应

<div style="width:30vw;">
 <div id="mydatepicker"></div>
</div>

<script type="javascript">
 $('#mydatepicker').datepicker();
</script>

<style>
 .ui-datepicker.ui-datepicker-inline {
   width: 100% !important;
 }
</style>

.ui-datepicker.ui-datepicker-inline{
宽度：100%！重要；
}
.mydpcontainer{
宽度：35vw；
左边距：自动；
右边距：自动；
}

我取消了对jQuery UI CSS的更改，这只是为了实验。当字体太小时，仍然不会自动神奇地更改字体大小。。。（咕哝，咕哝，咕哝）@Kishore-II也有同样的问题。这里我使用了你的代码，但只有边界在变化。日历没有变化changed@Nithu很抱歉，日历没有改变是什么意思？我已经在jquery ui css文件之后添加了代码，它工作得很好。是的，它确实如此，这是这种情况下的最终解决方案。小部件的大小取决于继承的字体大小，减小字体会减小日历大小。

<div style="width:30vw;">
 <div id="mydatepicker"></div>
</div>

<script type="javascript">
 $('#mydatepicker').datepicker();
</script>

<style>
 .ui-datepicker.ui-datepicker-inline {
   width: 100% !important;
 }
</style>