结合两个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

首先，您需要通过执行以下操作来设置datepicker返回的dateFormat ：

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

注意：您可以参考jquery.datepicker文档，以获取有关如何在此处选择日期格式的更多信息。

然后从输入而不是从getDate获取所选日期的值，以避免解析Date对象，因为getDate返回Date而不是string 。

$("#datepicker").val()

您显示行程的代码是用逗号分隔的字符串数组。 因此，结合目的地和日期，您可以执行以下操作

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

它将视为数组的单个元素，而不是像原始代码那样将其视为两个元素。 在您选择的剩余日期中重复相同的操作，您将获得想要的结果。

祝好运！！