jQuery UI的日期选择器样式残破

我有一个jQuery UI的DatePicker对象弹出，当我点击文本框里面。下面是HTML：jQuery UI的日期选择器样式残破

<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文本框中点击：

Datepicker Messed Up

而且，这里是行动解决问题的链接：LINK

任何人都知道为什么会发生这种情况？

来源

2012-08-11 FastTrack

对不起。检查你的jQuery UI样式表？看起来像是一个“个人”问题。 – 2012-08-11 23:24:13

我担心这可能是一个“个人”问题。我没有触及UI样式表中的任何内容，所以我不确定是什么导致了这个恼人的问题。我想我可以下载一个新的UI样式表，并试着看看它是否摆脱了这个问题。至少我会缩小一点。 – FastTrack 2012-08-11 23:36:24

你有一个活动链接，演示这个问题？ – 2012-08-11 23:37:05

你的样式＃选择的文件夹表TD，TH在global.css中（线97 & 125）是所有th元素的最小宽度设置为125px

可以重写此CSS选择到#selected -subfolders表TD，＃所选子文件夹表日{...}使选择更加具体和修复bug

来源

2012-08-12 00:03:21 DaveB

+1真棒找人！非常感谢你的帮助。 – FastTrack 2012-08-12 13:55:46

jQuery UI的日期选择器样式残破

回答

相关问题