在日期选择器中未显示月份和年份下拉列表中的数据

Posted 2023-05-07

【中文标题】在日期选择器中未显示月份和年份下拉列表中的数据

【英文标题】：Not showing data in month and year dropdown in datepicker

【发布时间】：2015-09-04 22:46:51

【问题描述】：

我正在使用带有月份和年份值的 JQuery 日期选择器。

但问题是，在月份和年份的下拉列表中，只有空格可见，如果我将鼠标悬停在打开的下拉列表中，则分别只有月份和年份可见。如果我拿走鼠标，只有空白的白色下拉列表，我再次将鼠标悬停在下拉列表中，月份和年份可见。那我就可以选择了。唯一的问题是它不可见。

我的日期选择器代码

<script type="text/javascript">
        jQuery(function ($) 
        
            $("#<%= txtDOB.ClientID %>").datepicker(
                changeMonth: true,
                changeYear: true,
                dateFormat: 'mm/dd/yy'
            );
        );
    </script>  

我在其中应用它的文本框：

<div class="col-sm-5">
                        <asp:TextBox ID="txtDOB" runat="server"  placeholder="mm/dd/yyyy"></asp:TextBox>
                    </div>
                    <div class="col-sm-4 no-padding">
                        <p class="error">
                            <asp:RegularExpressionValidator ID="RegularExpressionValidator_txtDOB" ValidationGroup="Employee"
                                runat="server" ErrorMessage="Invalid Date.." ControlToValidate="txtDOB"
                                ValidationExpression="^([0-9]1,2)[./-]+([0-9]1,2)[./-]+([0-9]2|[0-9]4)$"></asp:RegularExpressionValidator>
                        </p>
                    </div>

【问题讨论】：

如果您可以提供呈现的 html sn-p 将会很有帮助。尝试使用您的代码创建一个小提琴，例如jsfiddle.net/ylokesh/hnu0r78y/2

似乎是css规则冲突的问题，但通过提供的描述很难理解问题。附上屏幕截图将是一个加号。

它完成了@LokeshYadav。 bootstrap css 正在影响文本。 :)

你去。在我的一个项目中遇到了类似的问题，其中 bootstrap css 导致第三方插件出现许多问题。

呵呵。是的。谢谢:)

【参考方案1】：

.ui-datepicker .ui-datepicker-title select 
    color: #000;

它正在工作！