你能加粗jquery ui datepicker字段吗？

我想知道是否可以在jquery ui datepicker中加粗某些日期单元格。 我希望用户知道他们是某些日期的事件，以便他们点击它，它会向他们显示所有列出的事件。

谢谢

Answer 1

您可以使用beforeShowDay函数返回将附加到当天的类名。

beforeShowDay: function(date) { // Check logic return [true, "boldedClass"]; } 

Answer 2

我今天需要做到这一点！感谢布兰登对这个function的追求。 为了扩展它，我写了这个。 它将大胆多个日期，但我在JavaScript上并不令人惊讶，所以它非常“快速和肮脏”。 如果您有不同的日期，则需要更改数组/ if逻辑。 毫无疑问，有一个更好的方法来比较这个可怕的字符串比较的日期。

 // Datepicker $('#datepicker').datepicker({ inline: true, dateFormat: 'dd-mm-yy', beforeShowDay: bolddates }); function bolddates(date){ var xboldthese=new Array("1-1-2012","2-1-2012","10-1-2012"); var xday = date.getDate(); var xmonth = date.getMonth()+1; //jan is 0 var xyear = date.getFullYear(); var xfulldate = xday + "-" + xmonth + "-" + xyear; var xcssflg = ""; for (var i=0; i 

要回答你的另一个问题，只需在CSS选择器中添加a，因为它在td内部

 .bolddate a{ font-weight:bold !important; color:#FF0000 !important; } 

当他们点击其中一个代码时，我仍在处理代码。

Answer 3

好的，这是我的另一个答案修改了一点，当你选择日期时也做一个点击事件。 该事件由//触发器代码标记。 我的日期传递给一个php文件，输出更新div的html，你的可以是任何东西。

再次原谅糟糕的编程，我只需要这个工作。 我敢肯定，它可以更高效/更好地完成。

 $(function(){ $('#datepicker').datepicker({ inline: true, dateFormat: 'dm-yy', beforeShowDay: bolddates, onSelect: processdate }); function getdates(){ return Array("1-1-2012","2-1-2012","10-1-2012","12-2-2012"); //build this however, could be a remote call } function parsedate(date){ return date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear(); } function bolddates(date){ var xboldthese=getdates(); var xfulldate=parsedate(date); var xcssflg = ""; for (var i=0; i 

而简单的CSS：

  .bolddate a{ font-weight:bold !important; color:#FF0000 !important; }