0

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

但是我希望日期显示为 dd-mm-yy。如果我使用注释掉的行

$('.date-pick').datePicker//({dateFormat: 'dd-mm-yy'}).val();

and run it as    $('.date-pick').datePicker({dateFormat: 'dd-mm-yy'}).val();

文本框将以正确的格式返回日期，但现在它只允许我一次选择一个日期。

请指教？

谢谢

4

2 回答 2

2

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

于 2012-12-06T11:58:53.233 回答
1

这是因为您留下了选项说它是一个 selectmultiple。

尝试

$('.date-pick').datePicker
            (
                    {
                        createButton: false,
                        displayClose: true,
                        closeOnSelect: false,
                        selectMultiple: true,   
                        dateFormat: 'dd-mm-yy'               
                    }
            )

看到我将它添加到您之前的选项中了吗？

编辑

在阅读了有关此的 kelvinlucks 文档后，我知道是什么导致了您的问题。您返回的日期是 javascript Date 对象而不是字符串。您可以随意格式化它，但在您的重载方法 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）

于 2012-12-06T11:54:20.240 回答