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而不是{{1} }}。

string

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

$("#datepicker").val()

将此视为数组的单个元素而不是原始代码的两个元素。在剩余的所选日期重复相同的操作，您将得到您喜欢的结果。

祝你好运!!

结合两个JavaScript函数

1 个答案: