は2つの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> 

コードはこのような何か出力：getDateだけのショーを持っている）

1：

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)) 

を、私は二つのことをやろうとしている。ここ

コードですMon Mar 21 2016であり、時間その他のすべてではありません。

2）は、2つの間にonと1つの文字列に

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

を組み合わせます。例については

：へ

Arenal/la Fortuna 

：ここ

Cahuita on Mon Mar 21 2016 

はテストページです：すべての

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

Answer 1

まず、あなたがそのdateFormatを設定する必要がありますdatepickerはfollowiを実行して戻るNG：

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

注：あなたは日付hereの形式を選択する方法の詳細についてはjquery.datepicker文書を参照することができます。その後

getDateではなくstringのDateを返すためDateオブジェクトを解析避けるために、入力からではなくgetDateから選択した日付の値を取得します。

$("#datepicker").val() 

あなたのコードは、カンマで区切られた文字列の配列です。したがって、あなたの代わりにあなたの元のコードのような2の配列の1つの要素としてこれを扱います、次の

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

を行うことができ、日付とdestinateを組み合わせること。選択した日付の残りの部分についても同じことを繰り返すと、好きな結果が得られます。

幸運！