GWT DatePicker, scroll by year

I might be missing something, but the DatePicker in GWT (I'm using version 2.0.3) doesn't give you the possibility to scroll back and forth by year, only month. Am I missing something? I know there's an external lib (code.google.com/p开发者_StackOverflow/gwt-datepicker/) I can use, but I'd like to avoid importing yet another 3rd party lib, when you should be able to do this in the DatePicker provided in GWT.

You'll need to create a DatePicker subclass that uses your own implementation of MonthSelector.

There's a recent thread on the GWT Google Group on this very topic, with example code:

Getting the default DateBox() picker to advance year at a time

i think you want something like below.

here I have modified GWT DatePicker to add month and year selector on it. I have specified calender range upto 2100 , you can modify it according to your wish by making some small changes in it

import com.google.gwt.user.datepicker.client.CalendarModel;
import com.google.gwt.user.datepicker.client.DatePicker;
import com.google.gwt.user.datepicker.client.DefaultCalendarView;
public class DatePickerWithYearSelectorNew extends DatePicker {

    public DatePickerWithYearSelectorNew() {
        super(new MonthAndYearSelectorWithYear(), new DefaultCalendarView(),
                new CalendarModel());
    MonthAndYearSelectorWithYear monthSelector = (MonthAndYearSelectorWithYear)            
this.getMonthSelector();
        monthSelector.setPicker(this);
            monthSelector.setModel(this.getModel());
    }
    public void refreshComponents() {
        super.refreshAll();
    }
}    
import java.util.Date;
import com.google.gwt.event.dom.client.ChangeEvent;
import com.google.gwt.event.dom.client.ChangeHandler;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.ui.Grid;
import com.google.gwt.user.client.ui.ListBox;
import com.google.gwt.user.client.ui.PushButton;
import com.google.gwt.user.client.ui.HTMLTable.CellFormatter;
import com.google.gwt.user.datepicker.client.CalendarModel;
import com.google.gwt.user.datepicker.client.MonthSelector;    



public class MonthAndYearSelectorWithYear extends MonthSelector {

    private static String BASE_NAME = "datePicker";
    private PushButton backwards;
    private PushButton forwards;
    private PushButton backwardsYear;
    private PushButton forwardsYear;
    private Grid grid;
    private int previousYearColumn = 0;
    private int previousMonthColumn = 1;

    private int nextMonthColumn = 4;
    private int nextYearColumn = 5;
    private CalendarModel model;
    private DatePickerWithYearSelectorNew picker;

    private ListBox monthListBox;
    private ListBox yearListBox;

    public MonthAndYearSelectorWithYear() {

        yearListBox = new ListBox();

        for (int i = 1900; i < 2100; i++) {
            yearListBox.addItem(i + "");
        }

        String[] items = { "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul",
                "Aug", "Sep", "Oct", "Nov", "Dec" };

        monthListBox = new ListBox();

        for (int i = 0; i < items.length; i++) {
            monthListBox.addItem(items[i]);
        }

    }

    public void setModel(CalendarModel model) {
        this.model = model;
    }

    public void setPicker(DatePickerWithYearSelectorNew picker) {
        this.picker = picker;
    }

    @Override
    protected void refresh() {
        int monthIndex = getModel().getCurrentMonth().getMonth();
        monthListBox.setItemSelected(monthIndex, true);
        int yearIndex = getModel().getCurrentMonth().getYear();
        // System.out.println(yearIndex);
        yearListBox.setItemSelected(yearIndex, true);
    }

    @Override
    protected void setup() {
        // Set up backwards.
        backwards = new PushButton();
        backwards.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                addMonths(-1);
            }
        });

        backwards.getUpFace().setHTML("&lsaquo;");
        backwards.setStyleName(BASE_NAME + "PreviousButton");

        forwards = new PushButton();
        forwards.getUpFace().setHTML("&rsaquo;");
        forwards.setStyleName(BASE_NAME + "NextButton");
        forwards.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                if (model.getCurrentMonth().getYear() < 199) {
                    addMonths(+1);
                }
                else if(model.getCurrentMonth().getMonth()<11 
                                     &&model.getCurrentMonth().getYear()==199)
                {
                    addMonths(+1);
                }
            }
        });

        // Set up backwards year
        backwardsYear = new PushButton();
        backwardsYear.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {

                addMonths(-12);
                picker.refreshComponents();
            }
        });

        backwardsYear.getUpFace().setHTML("&laquo;");
        backwardsYear.setStyleName(BASE_NAME + "PreviousButton");

        forwardsYear = new PushButton();
        forwardsYear.getUpFace().setHTML("&raquo;");
        forwardsYear.setStyleName(BASE_NAME + "NextButton");
        forwardsYear.addClickHandler(new ClickHandler() {
            public void onClick(ClickEvent event) {
                if (model.getCurrentMonth().getYear() < 199) {
                    addMonths(+12);
                    picker.refreshComponents();
                }
            }
        });

        yearListBox.addChangeHandler(new ChangeHandler() {

            @Override
            public void onChange(ChangeEvent event) {
                // int yearIndex = yearListBox.getSelectedIndex();
                //     
              setYear(Integer.parseInt(yearListBox.getValue(yearIndex)));
                setYear(yearListBox.getSelectedIndex());
            }
        });
        monthListBox.addChangeHandler(new ChangeHandler() {

            @Override
            public void onChange(ChangeEvent event) {
                int monthIndex = monthListBox.getSelectedIndex();
                setMonth(monthIndex);
            }
        });

        // Set up grid.
        grid = new Grid(1, 6);
        grid.setWidget(0, previousYearColumn, backwardsYear);
        grid.setWidget(0, previousMonthColumn, backwards);
        grid.setWidget(0, 2, monthListBox);
        grid.setWidget(0, 3, yearListBox);
        grid.setWidget(0, nextMonthColumn, forwards);
        grid.setWidget(0, nextYearColumn, forwardsYear);

        CellFormatter formatter = grid.getCellFormatter();

        formatter.setWidth(0, previousYearColumn, "1");
        formatter.setWidth(0, previousMonthColumn, "1");

        formatter.setWidth(0, nextMonthColumn, "1");
        formatter.setWidth(0, nextYearColumn, "1");
        grid.setStyleName(BASE_NAME + "MonthSelector");
        initWidget(grid);
    }

    public void addMonths(int numMonths) {
        model.shiftCurrentMonth(numMonths);
        picker.refreshComponents();
    }

    @SuppressWarnings("deprecation")
    public void setMonth(int month) {
        Date tempMonth = new Date();
        tempMonth.setMonth(month);

        model.setCurrentMonth(tempMonth);
        picker.refreshComponents();
    }

    @SuppressWarnings("deprecation")
    public void setYear(int year) {
        // to set year
        model.getCurrentMonth().setYear(year);
        picker.refreshComponents();
    }
}