JQuery日期选择器选择多格式日/月/年

JQuery日期选择器选择多格式日/月/年,jquery,jquery-plugins,datepicker,jquery-ui-datepicker,Jquery,Jquery Plugins,Datepicker,Jquery Ui Datepicker,让日期选择器选择多个日期。当用户选择多个日期并关闭日历时,文本框以以下格式显示日期: Thur Jan 03 2013 00:00:00 GMT +0000 Fri Jan 03 2013 00:00:00 GMT +0000 Sat Jan 04 2013 00:00:00 GMT +0000, 我的代码: <script> $("#HolidayDate").addClass('date-pick'); $('.date-pic

让日期选择器选择多个日期。当用户选择多个日期并关闭日历时,文本框以以下格式显示日期:

Thur Jan 03 2013 00:00:00 GMT +0000
Fri Jan 03 2013 00:00:00 GMT +0000
Sat Jan 04 2013 00:00:00 GMT +0000,
我的代码:

<script>

            $("#HolidayDate").addClass('date-pick');
            $('.date-pick').datePicker//({dateFormat: 'dd-mm-yy'}).val();
            (
                    {
                        createButton: false,
                        displayClose: true,
                        closeOnSelect: false,
                        selectMultiple: true,                  
                    }
            )
            .bind(
                'click',
                function () {
                    $(this).dpDisplay();
                    this.blur();
                    return false;
                }
            )
            .bind(
                'dateSelected',
                function (e, selectedDate, $td, state) {
                    console.log('You ' + (state ? '' : 'un') // wrap
                        + 'selected ' + selectedDate);
                }
            )
            .bind(
                'dpClosed',
                function (e, selectedDates) {
                    console.log('You closed the date picker and the ' // wrap
                        + 'currently selected dates are:');
                    console.log(selectedDates);
                    $('#HolidayDate').val( selectedDates );
                }
            );

    </script>
文本框将以正确的格式返回日期,但现在它只允许我一次选择一个日期

请给我一些建议


谢谢

这是因为您在选项中留下了一个selectmultiple

试一试

看到我把它添加到以前的选项中了吗

编辑

在阅读了kelvinlucks关于这方面的文档之后,我了解了是什么导致了您的问题。返回的日期是javascript日期对象,而不是字符串。您可以随意设置格式,但在重载的dateSelected和dpClosed方法中,它们只是在不设置格式的情况下打印出来的

试试这个:

.bind(
    'dateSelected',
    function(e, selectedDate, $td, state)
    {
        var date = selectedDate.getDate() + "-" + (selectedDate.getMonth() + 1) + "-" +     selectedDate.getFullYear();
        console.log('You ' + (state ? '' : 'un') // wrap
            + 'selected ' + date);

    }
)

我的日期格式不是很好,但你明白了。这里有一篇关于格式化日期的帖子(http://stackoverflow.com/questions/1056728/formatting-a-date-in-javascript)

这是因为您留下的选项显示它是selectmultiple

试一试

看到我把它添加到以前的选项中了吗

编辑

在阅读了kelvinlucks关于这方面的文档之后,我了解了是什么导致了您的问题。返回的日期是javascript日期对象,而不是字符串。您可以随意设置格式,但在重载的dateSelected和dpClosed方法中,它们只是在不设置格式的情况下打印出来的

试试这个:

.bind(
    'dateSelected',
    function(e, selectedDate, $td, state)
    {
        var date = selectedDate.getDate() + "-" + (selectedDate.getMonth() + 1) + "-" +     selectedDate.getFullYear();
        console.log('You ' + (state ? '' : 'un') // wrap
            + 'selected ' + date);

    }
)

我的日期格式不是很好,但你明白了。这里有一篇关于格式化日期的帖子(http://stackoverflow.com/questions/1056728/formatting-a-date-in-javascript)

尝试使用.bind选择dateformat(Date.format='dd-mm-yyyy')
并使用selectMultiple:true

尝试使用.bind选择dateformat(Date.format='dd-mm-yyyy')
使用selectMultiple:true

谢谢你的回复jonas…对不起,我应该提到我以前也尝试过,但没有乐趣…无法理解为什么…有什么建议吗?他信你使用的是什么版本的datepicker(jQueryUI)?我在文档中看不到选项no“selectMultiple”,jqueryui似乎不支持选择多个日期。但是为什么要重新发明轮子呢?很多人已经找到了解决办法。例如,看看感谢您的回复。我正在为我在上找到的日期选择器使用插件,它允许我选择多个日期并将列表返回到文本框,但是我正在尝试将从2013年1月3日星期四00:00:00 GMT+0000 2013年1月3日星期五00:00 GMT+0000 2013年1月4日星期六00:00 GMT+0000返回的日期格式更改为dd/mm/yy,dd/mm/yy,您是否看到我更新了我的评论?你明白了吗?谢谢你的回复jonas…对不起,但我应该提到我以前也尝试过,但没有乐趣…无法理解为什么…有什么建议吗?他信你使用的是什么版本的datepicker(jQueryUI)?我在文档中看不到选项no“selectMultiple”,jqueryui似乎不支持选择多个日期。但是为什么要重新发明轮子呢?很多人已经找到了解决办法。例如,看看感谢您的回复。我正在为我在上找到的日期选择器使用插件,它允许我选择多个日期并将列表返回到文本框,但是我正在尝试将从2013年1月3日星期四00:00:00 GMT+0000 2013年1月3日星期五00:00 GMT+0000 2013年1月4日星期六00:00 GMT+0000返回的日期格式更改为dd/mm/yy,dd/mm/yy,您是否看到我更新了我的评论?你明白了吗?谢谢你的回复阿比…你是说像这样。bind(Date.format='dd-mm-yyyy')'click',function(){$(this.dpDisplay();this.blur();return false;})…仍然没有任何乐趣,有任何建议吗?谢谢你的回复abhi…你的意思是这样吗。bind(Date.format='dd-mm-yyyy')'click',function(){$(this.dpDisplay();this.blur();return false;})…仍然没有乐趣,有什么建议吗?
.bind(
    'dateSelected',
    function(e, selectedDate, $td, state)
    {
        var date = selectedDate.getDate() + "-" + (selectedDate.getMonth() + 1) + "-" +     selectedDate.getFullYear();
        console.log('You ' + (state ? '' : 'un') // wrap
            + 'selected ' + date);

    }
)