Javascript Jquery日期选择器正在选择今天和给定的默认日期
我使用Jquery日期选择器来选择日期,我希望能够将选择默认为给定日期 这是我的密码:Javascript Jquery日期选择器正在选择今天和给定的默认日期,javascript,jquery,Javascript,Jquery,我使用Jquery日期选择器来选择日期,我希望能够将选择默认为给定日期 这是我的密码: var SelectDate=new Date(2013, 06,25 , 0, 0, 0, 0) ; $("#OnwardTravelDate").datepicker({ numberOfMonths: 2, dateFormat: 'dd/mm/yy', minDate: datePickMinDate_DT, maxDate: datePickM
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”在html或jquery中设置
#forwardTravelDate
的值如何
HTML:
那么您根本不需要您的defaultDate:SelectDate
:)
希望有帮助
编辑(更多信息)
您也可以尝试setDate
方法:
$("#OnwardTravelDate").datepicker("setDate", SelectDate); // After datepicker code
编辑:jsfidle
这把JS小提琴似乎适合我:
也许主题的样式使它看起来像是被选中的?Datepicker为“今天”和“选定的一天”分配不同的类:
今日-ui状态亮点
所选日期-ui状态处于活动状态
您可以删除或覆盖“.ui datepicker.ui state highlight”的样式或删除类:
$("#OnwardTravelDate a.ui-state-highlight").removeClass("ui-state-highlight");
removeClass(“ui状态突出显示”)代码>应该可以解决您的问题
但如果您只是想让今天的精彩不再出现,您可以获取datepicker的源代码(jquery.ui.datepicker.js
)并找到要删除的此行:
(printDate.getTime()==today.getTime()?“ui状态突出显示”:“”)+
然后编译它以供使用。EDIT1:从中我发现了一个修复程序,但我无法处理您的代码
$( "#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)
},
});
检查这个,如果可能的话,用你正在尝试的代码更新它
EDIT2:通过覆盖当前的默认css.ui日期选择器
和的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;
}
检查此项否它不在文本框中,而是在datepicker控件中,我只想突出显示一个日期,但现在总是突出显示今天的日期以及我给出的日期。请阅读上述注释。当然,setDate有效,但今天仍然突出显示,这就是问题所在。@Santo yes,覆盖.ui状态突出显示
或将其删除是解决方案。但这与defaultDate或setDate没有任何关系,因为Sreerejith S从来没有说过他们不这样做work@Santo您可以查看我的答案,我认为删除jqueryui中添加的动态类更好。那么今天就不再突出显示了。实际上是ui状态悬停导致了日期对我来说的不同,我不知道为什么在实例化时它决定将悬停类添加到今天的日期。只要我将鼠标移到上面,今天的日期就变得正常,悬停效果在所有日期都会正常工作。这好像是一个错误。
$( "#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)
},
});
.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;
}