如何在datetimepicker上设置“默认”日期(日期突出显示)?

时间:2012-11-27 00:13:38

标签: jquery jquery-ui-datepicker datetimepicker timepicker

Trent Richardson's个日期时间戳...如何在日历上设置“默认”日期?

以下内容适用于今天的设置,就像选择/点击它一样:

$( ".selector" ).datepicker( "setDate", "11/12/2012" );

...但是我无法弄清楚如何设置默认日期(显示日历时带有红色圆圈的浅蓝色 - 我真正想要的是将日期设置为12日)?

enter image description here

2 个答案:

答案 0 :(得分:0)

您可以通过设置输入字段的值来设置默认日期。

​$("#picker").datepicker().val( "12/11/2012" );​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

不幸的是,我认为你所指的是今天的日期,以蓝色突出显示。我怀疑这是可定制的。

答案 1 :(得分:0)

管理根据默认和架构颜色一起破解它。

.ui-datepicker .ui-state-highlight {
   border: 1px solid #d3d3d3; 
   background: #e6e6e6;
   color: #363636;}
.ui-datepicker .ui-state-active {
   border: 1px solid #aaaaaa; 
   background: #518bdf url(images/ui-bg_glass_65_518bdf_1x400.png) 50% 50% repeat-x; 
   font-weight: normal; 
   color: #fff; 
   outline: none;}

$.datepicker._gotoToday = function (id) {
var inst = this._getInst($(id)[0]),
$dp = inst.dpDiv;
this._base_gotoToday(id);
var tp_inst = this._get(inst, 'timepicker');
now = new Date();
var now_utc = new Date(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate(), now.getUTCHours(), now.getUTCMinutes(), now.getUTCSeconds());
this._setTime(inst, now_utc);
$('.datetime:focus').datepicker('setDate', now_utc);
// $('.ui-datepicker-today', $dp).click();

};