объединить две функции javascript

Question

Я пытался решить эту проблему.

Вот код:

<h4>Your Itinerary</h4> 
<div id="selected"></div> 
<script> 
    (function() { 
     $(".info-css").on(
      'click' 
     , function (e) { 
       $('#selected').html(
        [ 
         $('#start option:selected').text()       
        , $('#second option:selected').text()      
        , $("#datepicker").datepicker("getDate") 
        , $('#third option:selected').text() 
        , $("#datepicker2").datepicker("getDate") 
        , $('#forth option:selected').text() 
        , $("#datepicker3").datepicker("getDate") 
        ].join("<br> to ") 
       ); 
      } 
     ); 
    }()); 
</script> 

код выдает что-то вроде этого:

Your Itinerary 

Arenal/la Fortuna 

to Cahuita 

to Mon Mar 21 2016 00:00:00 GMT-0600 (Central Standard Time (Mexico)) 

to Bocas del Toro (To/From Costa Rica) 

to Thu Mar 24 2016 00:00:00 GMT-0600 (Central Standard Time (Mexico)) 

to Manzanillo 

to Thu Mar 31 2016 00:00:00 GMT-0600 (Central Standard Time (Mexico)) 

Я пытаюсь сделать две вещи:

1) имеют getDate только шоу Mon Mar 21 2016, а не время и все остальное.

2) Смешивают

$('#second option:selected').text() 
, $("#datepicker").datepicker("getDate") 

в одну строку с on между ними.

Для примера:

Arenal/la Fortuna 

к:

Cahuita on Mon Mar 21 2016 

Вот тестовая страница:

http://thecostaricatoursite.tcct-test.com/test/

Answer 1

Прежде всего, вам нужно установить dateFormat что datepicker вернется, выполняя последующие действия нг:

$('#datepicker').datepicker({ dateFormat: 'D M dd yy' }); 

Примечание: Вы можете обратиться к jquery.datepicker документу для получения дополнительной информации о том, как выбрать формат дата here.

Затем получить значение выбранной даты от входа, а не из getDate, чтобы избежать разбора Date объекта, потому что getDate Вернуть Date вместо string.

$("#datepicker").val() 

Ваш код для отображения маршрута представляет собой массив строк, разделенный запятой. Таким образом, чтобы совместить предназначать с датой вы можете сделать следующее

$('#second option:selected').text() + ' on ' + $("#datepicker").val() 

, который будет рассматривать это как один элемент массива вместо двух, как ваш исходный код. Повторите то же самое для оставшейся части выбранной даты, и вы получите нужный результат.

Удачи!