widget:next-month

Purpose

Used to create a control that switches a calendar display to the next month.

Contained by

Attribute groups

Example

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/2002/06/xhtml2"
  xmlns:widget="http://www.volantis.com/xmlns/2006/05/widget"
  xmlns:si="http://www.volantis.com/xmlns/2006/01/xdime2/si"
  xmlns:xforms="http://www.w3.org/2002/xforms">
  <head>
    <title>widget:date-picker</title>
    <xforms:model>
      <xforms:instance>
        <si:instance>
          <si:item name="date"/>
        </si:instance>
      </xforms:instance>
    </xforms:model>
  </head>
  <body>
    <div>
      <div>Click the field to unfold Date Picker</div>
      <xforms:input id="date" ref="date">
        <xforms:label>Date </xforms:label>
      </xforms:input>
      <widget:date-picker id="myDatePicker" inputField="date">
        <widget:previous-year> &lt;&lt; </widget:previous-year>
        <widget:previous-month> &lt; </widget:previous-month>
        <widget:month-display/>
        <widget:year-display/>
        <widget:next-month> &gt; </widget:next-month>
        <widget:next-year> &gt;&gt; </widget:next-year>
        <widget:calendar-display/>
        <widget:set-today>today</widget:set-today>
        <widget:button action="myDatePicker#dismiss">close</widget:button>
      </widget:date-picker>
    </div>
  </body>
</html>

Related topics