2016-05-02 12 views
2

Mein Datepicker jQuery Ich muss den Standardtag löschen, also habe ich die Klasse entfernt. Gibt es eine andere Lösung?Entfernen Sie das Standarddatum in jquery datepicker

$('#calendar .ui-datepicker-days-cell-over').removeClass('ui-datepicker-days-cell-over'); 
$('#calendar .ui-state-hover').removeClass('ui-state-hover'); 
$('#calendar .ui-datepicker-current-day').removeClass('ui-datepicker-current-day'); 
$('#calendar .ui-state-active').removeClass('ui-state-active'); 

Antwort

1

Standardmäßig wird der Standard Tag null gesetzt. Ich weiß nicht, warum dein Standardtag auf einen anderen Tag eingestellt ist. Aber man kann es zurücksetzen, indem Sie auf null:

$("#datepicker").datepicker({ 
    defaultDate: null 
}); 

this jsFiddle See.

+0

Thx, ich führe "$ (Kalender) .datepicker (" Option "," defaultDate ", null);" nach der Option vorShowDay und es ist Arbeit. Aber jetzt, wenn ich auf den Button des nächsten Monats klicke und ich auf den aktuellen Monat zurückkomme, ist das erste Datum nicht "nicht auswählbar" als "aktuell - Tag" definiert. Warum ? – Luger33

+0

Können Sie ein jsFiddle zeigen? Ich verstehe nicht, was du meinst. – Qianyue

0
<!doctype html> 
    <html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>jQuery UI Datepicker - Default functionality</title> 
     <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
     <script src="http://code.jquery.com/jquery-1.10.2.js"></script> 
     <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
     <style type="text/css"> 
     .ui-datepicker-calendar .ui-datepicker-days-cell-over.ui-datepicker-today a 
     { 
     background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% !important; 
     border: 1px solid #d3d3d3 !important; 
     color: #555555 !important; 
     } 

     </style> 
     <script> 
     $(function() { 
     $("#datepicker").datepicker(); 
     }); 

     </script> 
    </head> 
    <body> 

    <p>Date: <input type="text" id="datepicker"></p> 


    </body> 
    </html>