2013-04-17 7 views
5

Ho il seguente codice che disabilita la data corrente impostando MinDate a data corrente + 1:jQuery UI Datepicker - Disabilitare data corrente, ma non il momento clou

var today = new Date(); 
    var tomorrow = new Date(); 
    tomorrow.setDate(today.getDate() + 1); 

     $("#minDate").datepicker({ 
      showOn: "none", 
      minDate: tomorrow, 
      dateFormat: "DD dd-mm-yy", 
      onSelect: function(dateText) { 
       minDateChange; 
      }, 
      inputOffsetX: 5, 
     }); 

Datepicker that has the current date disabled

Il problema è che ho vuoi disabilitare la data corrente, ma continua a tenerla evidenziata (bordo blu attorno alla data) nel calendario.

C'è un modo nativo per farlo usando il DatePicker o devo creare uno script di evidenziazione da solo?

+0

La data evidenziata non è la scelta predefinita? In tal caso, non può essere scelto e al di fuori dell'intervallo definito allo stesso tempo. –

+0

Per prima cosa, basta disabilitare la data corrente per, minDate: "+ 1D", e quindi sovrascrivere il suo stile come: \t .ui-datepicker-oggi span {background: # 036! Important; qualcos'altro ....} a tutto ciò di cui hai bisogno. –

risposta

0

Il datepicker ha una classe alla data di oggi chiamato "ui-datepicker-oggi", così ho semplicemente aggiunto una classe a quella:

$(".ui-datepicker-today span").addClass("ui-state-hover") 
0

non è necessario impostare oggi e domani come variabile . è sufficiente impostare minDate: 1

+1

che è un commento interessante ma non risponde come disabilitare la data corrente pur evidenziandola. –

Problemi correlati