Получить дату от DatePicker с помощью JQuery

Question

Я пытаюсь получить две даты из datepickers, которые я сделал, используя следующий HTML/классический код жерех:

<% 
    Response.Write("The start date is <br><input type='text' class = 'datepicker' id='date1' value='7/01/2015' />") 
    Response.Write("The end date is <br><input type='text' class = 'datepicker' id='date2' value='"&date()&"' />") 
%> 

Вот это JQuery для изготовления datePickers

function datePicker(t) { 
    $(function() { 
     $(".datepicker").datepicker(); 
     $(".datepicker").datepicker("option", "dateFormat", "mm-dd-yy"); 
    }) 
} 

Когда я пытаюсь напечатать даты на экране с помощью следующего кода, он возвращает [object Object], а не строку, подобную другому образцу кода, для чего эта проблема указывает. Я также попытался использовать метод JSON.stringify(), чтобы превратить это в строку, но не получил никаких рабочих результатов.

function test() { 
    var dataAsObject = $(".datepicker[name=date1]").datepicker('getDate'); 
    window.alert(dataAsObject); 
} 

другой вариации выполнения этого, что я нашел (с использованием Val() вместо DatePicker. ('GetDate'), используя $ ("# DatePicker"). На ("изменение" ...)) дают аналогичные результаты. Как я могу решить эту проблему? Я бы сказал, что я бы предпочел решения, которые не используют .on («change» ...), так как я хотел бы использовать эти две даты для вызова ajax и хочу иметь возможность отправлять даты по умолчанию, поэтому экран не будет пустым, пока пользователь не выберет свои даты.

Answer 1

Вы не присваиваете имена именам, только ids. Поэтому используйте идентификатор, чтобы получить даты:

var dataAsObject = $("#date2").datepicker('getDate'); 
window.alert(dataAsObject);