在kevin luck datepicker中以编程方式选择多个日期 - JQuery

时间:2013-10-07 17:26:40

标签: jquery datepicker

我有三个kevin运气好的jQuery datepicker。一个日期选择器是MultiMonth(即名称显示),另外两个是单个月(即From,To),绑定到texbox。如果用户从日期和日期中选择,则应在“显示日期选择器”中选择“从”和“到”之间的日期范围。

我的代码是:

$(function () {
                $(".Display").datePickerMultiMonth(
                    {
                        startDate: '01/01/1996',
                        numMonths: 3,
                        inline: true,
                        selectMultiple: true,
                        renderCallback: function ($td, thisDate, month, year) {

                            }                                
                        }
                    }
                ).bind(
                    'dpMonthChanged',
                    function (event, displayedMonth, displayedYear) {
                        // uncomment if you have firebug and want to confirm this works as expected...
                        //console.log('dpMonthChanged', arguments);
                    }

                ).bind(
                    'dateSelected',
                    function (event, date, $td, status) {
                        // uncomment if you have firebug and want to confirm this works as expected...
                        //console.log('dateSelected', arguments);
                        //alert(event + "," + date + "," + $td + "," + status);

                    }
                );

                $('#getSelected').bind(
                    'click',
                    function (e) {
                        alert($('div.calendar').dpmmGetSelected());
                        return false;
                    }
                );
            });

$(".from").datePicker({
            startDate: '01/01/1996',
            renderCallback: function ($td, thisDate, month, year) {

            }
        });
$(".to").datePicker({
            startDate: '01/01/1996',
            renderCallback: function ($td, thisDate, month, year) {

            }
        });

任何建议都会有所帮助。

感谢。

1 个答案:

答案 0 :(得分:0)

最后我找到了答案,

当用户选择日期时,我将该值保存为日期,然后重新创建多月日历。在rendercallback函数中,我检查thisdate with my from,迄今为止,如果thisdate在from,到日期范围,那么我将'selected'类添加到特定的td。

它可能不是好方法,但它解决了我的问题。