Question

我使用Jquery日期选择器来选择日期，我希望能够将选择默认为给定日期。

这是我的代码：

var SelectDate=new Date(2013, 06,25 , 0, 0, 0, 0) ;
$("#OnwardTravelDate").datepicker({ 
      numberOfMonths: 2, 
      dateFormat: 'dd/mm/yy', 
      minDate: datePickMinDate_DT, 
      maxDate: datePickMaxDate_DT, 
      defaultDate: SelectDate 
});

但日期选择器控件会突出显示今天的日期和日期'selectDate'。我只希望'selectDate'突出显示

Answer 1

如何在html 或 jquery中设置value的{{1}}呢？

HTML：

#OnwardTravelDate

jQuery的：

<input type="text" id="OnwardTravelDate" value="25/06/2013" />

然后您根本不需要$("#OnwardTravelDate").val("25/06/2013"); // Before datepicker code：）

希望有所帮助。

修改 :(更多信息）

您还可以尝试defaultDate: SelectDate方法：

setDate

编辑：jsfidle

这个JS fidle似乎对我有用：jsfiddle

也许你主题的造型让它看起来像是被选中了？

Answer 2

Datepicker为＆＃34;今天＆＃34;分配不同的类。和＃34;选定日期＆＃34;：

今天 - ui-state-highlight

选择日 - ui-state-active

你可以删除或覆盖＆＃34; .ui-datepicker .ui-state-highlight＆＃34;的样式。或删除班级：

$("#OnwardTravelDate a.ui-state-highlight").removeClass("ui-state-highlight");

Answer 3

removeClass("ui-state-highlight");应该可以解决您的问题。

但是如果您只是希望今天的重点永远不再显示，您可能会获得日期选择器的来源（jquery.ui.datepicker.js）并找到要删除的这一行：

(printDate.getTime() == today.getTime() ? ' ui-state-highlight' : '') +

然后编译它以使用。

Answer 4

EDIT1：来自here我发现了一个修复程序，但我无法处理您的代码。

$( "#datepicker" ).datepicker({
   beforeShow: function(input, inst) {       
       window.setTimeout(function(){
           $(inst.dpDiv).find('.ui-state-highlight.ui-state-hover').removeClass('ui-state-highlight ui-state-hover')      
       },0)     
   },   
});

选中此JSFiddle，如果可能，请使用您尝试的代码进行更新。

EDIT2：通过覆盖以下内容的默认css .ui-datepicker-today和a.ui-state-highlight。

.ui-datepicker-today a.ui-state-highlight {
    border-color: #d3d3d3;
    background: #e6e6e6 url(/themeroller/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
    color: #555555;    
}

查看此JSFiddle

Jquery日期选择器是今天选择并给出默认日期

4 个答案: