Datepicker set default date

Question

Próbuję ustawić domyślną datę dla Datepicker Jquery na init. Tu jest mój HTML:

var content = ""; 
      content = "<table class=\"filter-table\">"; 
      content += "<tr><td><label for='startDate'>From </label></td><td><input name='startDate' id='startDate' class='date-picker' /></td></tr>"; 
      content += "<tr><td>&nbsp;</td></tr>"; 
      content += "<tr><td><label for='endDate'>To </label></td><td><input name='endDate' id='endDate' class='date-picker' /></td></tr>";    

A moja JavaScript:

<script type="text/javascript"> 
    function showdatepicker() { 
     $('.date-picker').datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      changeDay: true, 
      showButtonPanel: true, 
      dateFormat: 'yy-mm-dd', 
      onClose: function(dateText, inst) { 
       var day = $("#ui-datepicker-div .ui-datepicker-day :selected").val(); 
       var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
       var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
        $('#startDate').datepicker({defaultDate: -30}); 
       $('#endDate').datepicker({defaultDate: new Date()}); 
      } 
     }); 
    }  
    </script> 

Co staram się zrobić, to ustawić datę i show w polu tekstowym Gdy na załadować stronę. Data końcowa powinna być bieżącą datą, a data rozpoczęcia powinna wynosić jeden miesiąc wcześniej. Jednak za pomocą tych kodów nie wyświetla daty w polu tekstowym przy pierwszym załadowaniu.

Zastanawiam się, dlaczego tak się dzieje. Z góry dziękuję.

Answer 1

ja, jak ty, nie może stosować metodę na datepicker do wypełnienia datę domyślną w wejściu.

Zamiast tego stworzyłem kod przy pomocy waniliowego JS, aby obliczyć domyślne daty i sformatować je w polu tekstowym.

Oto JS I dodaje:

function showdatepicker() { 
    // same as yours 
} 

function populateDefaultValues() { 
    var today = new Date(); 
    var month = today.getMonth() - 1, 
     year = today.getFullYear(); 
    if (month < 0) { 
     month = 11; 
     year -= 1; 
    } 
    var oneMonthAgo = new Date(year, month, today.getDate()); 

    $('#startDate').val($.datepicker.formatDate('yy-mm-dd', today)); 
    $('#endDate').val($.datepicker.formatDate('yy-mm-dd', oneMonthAgo)); 
} 

$(function() { 
    populateDefaultValues(); 
    showdatepicker(); 
}); 

jsFiddle

Answer 2

Spójrz na opcję defaultDate. Zapewnia dokładnie te funkcje, których potrzebujesz.

Ponieważ domyślne opcje daty będą się różnić w każdym zbiorze danych, konieczne będzie ich osobne zainicjowanie (zasadniczo kopiowanie i wklejanie, aby dopasować).

http://api.jqueryui.com/datepicker/#option-defaultDate