Question

我对Kevin Luck的JQuery日期选择器插件有疑问。

是否可以从中呈现日历选定日期（例如从01/01/1990到01/01/2015）？我想强调自定义天数（设置css类.selected）。例如，选择这些日子：

01/06/1990 | 09/02/1995 | 2005年10月10日| 11/01/2007 | 06/07/2010 |

我尝试编写一些代码来实现这一点，但仍然没有用。

    $(function(){

        var testCallback = function($td,thisDate, year, month,day)
        {
            // some implementation here


            return true;
        }


        $('#calendar')
            .renderCalendar({renderCallback:testCallback})          
            .datePicker(
                {   
                    inline:true,
                    selectMultiple:false,
                    startDate:'01/01/1990'
                })              
            .bind(
            'dateSelected',
            function(e, selectedDate, $td)
            {
                date = selectedDate.asString();

                date = date.split(/\//);

                getStuffByAjax(date[2],date[1],date[0]);
            }
        );

});

function getStuffByAjax(year,month,day){
    // some implementation here

    return true;        
}

如果我使用renderCallback函数，我会得到渲染日历一年只有一个月。

有什么想法吗？

非常感谢您的帮助。

Answer 1

我会回答我的问题。所以我所要做的就是放置渲染CallBack函数进入datePicker方法：

// JavaScript Document

$(function(){               
        $('#calendar')      
            .datePicker(
                {   
                    inline:true,
                    selectMultiple:false,
                    startDate:'01/01/1990',
                    renderCallback:function($td, thisDate, month, year)
                    {

                        if(thisDate.getDate() == 10){
                            $td.addClass('selected');   
                        }



                    }
                })              
            .bind(
            'dateSelected',
            function(e, selectedDate, $td)
            {
                date = selectedDate.asString();

                date = date.split(/\//);

                getStuffByAjax(date[2],date[1],date[0]);
            }
        );

});

function getStuffByAjax(year,month,day){
    // some implementation here

    return true;        
}

现在一切都按照我的意愿行事。欢呼声。

Kevin Luck的JQuery日期选择器插件 - 在日期间隔中呈现日历并突出显示自定义日期

1 个答案: