Documentation

Reference
qx:dateChooser (qx.ui.control.DateChooser)

A date chooser is a small calendar including a navigation bar to switch the shown month. It includes a column for the calendar week and shows one month. Selecting a date is as easy as clicking on it.

To be conform with all form widgets, the qx.ui.form.IFormElement interface is implemented.

The following example creates and adds a date chooser to the root element. A listener alerts the user if a new date is selected.

var chooser = new qx.ui.control.DateChooser();
this.getRoot().add(chooser, { left : 20, top: 20});

chooser.addListener("changeValue", function(e) {
  alert(e.getData());
});

Additionally to a selection event a execute event is available which is fired by doubleclick or taping the space / enter key. With this event you can for example save the selection and close the date chooser.

name

The name of the widget. Mainly used for serialization proposes.

Default value: Possible values:
appearance
None
Default value: "datechooser" Possible values:
shownMonth

The currently shown month. 0 = january, 1 = february, and so on.

Default value: null Possible values:
height
None
Default value: 150 Possible values:
width
None
Default value: 200 Possible values:
date

The currently selected date.

Default value: null Possible values:
shownYear

The currently shown year.

Default value: null Possible values: 

{   u'add': {   u'*': u'add/defaultWithPosition.mako',
                u'layout': u'add/noParent.mako',
                u'qx:application': u'add/qx/application.mako',
                u'qx:split': u'add/qx/split.mako',
                u'qxt:variant': u'add/noParent.mako'},
    u'attributes': {u'*': u'attr/default.mako', u'id': u'', u'qxt:*': u''},
    u'body': {   u'*': u'body/qx/widget.mako',
                 u'qxt:component': u'body/qxt/component_root.mako'},
    u'data': {   u'attr': {},
                 u'props': {   u'class': u'qx.ui.control.DateChooser',
                               u'constructor-args': u'data'}},
    u'extends': [u'qx:dateChooser', u'qx:widget', u'base']}

LGPL, EPL © 2008 QxTransformer | Siarhei Barysiuk & Christian Boulanger.
Site design and illustrations by Siarhei Barysiuk. | Icons by Dry Icons.

qooxdoo