jquery - jQuery UI Datepicker 样式损坏

Question

当我在文本框内单击时，会弹出一个 jQuery UI Datepicker 对象。这是HTML：

<tr>
    <td class="label-td"><label for="dateOpen_add">Date Opened</label></td>
    <td><input type="text" id="dateOpen_add" name="dateOpen_add" maxlength="10" size="10" /></td>
</tr>

这是jQuery：

$('#dateOpen_add').datepicker({
    dateFormat: 'yy-mm-dd',
    date: $('#dateOpen_add').val(),
    current: $('#dateOpen_add').val(),
    starts: 1,
    position: 'bottom',
    onBeforeShow: function(){
            $('#dateOpen_add').setDate($('#dateOpen_add').val(), true);
    },
    onChange: function(formated, dates){
            $('#dateOpen_add').val(formated);
    }
});

出于某种原因，当我单击dateOpen_add文本框时，日期选择器显示如下：

此外，这里是实际问题的链接：LINK

有谁知道为什么会这样？

Answer 1

您在 Global.css（第 97 和 125 行）中的样式 #selected-folders-table td, th 将所有 th 元素的最小宽度设置为 125px

您可以将此 css 选择器重写为 #selected-subfolders-table td, #selected-subfolders-table th {...} 以使选择器更具体并修复错误