Class tmp.dat Extends (%Persistent, %ZEN.DataModel.Adaptor)
{

Property d1 As %Date(FORMAT =  4 );

Property d2 As %Date(FORMAT =  4 );

}

Class tmp.forma Extends %ZEN.Component.page
{

/// Имя приложения, которому принадлежит эта страница.
Parameter APPLICATION = "tmp.Application";

/// Отображаемое имя для нового приложения.
Parameter PAGENAME;

/// Домен, используемый для локализации.
Parameter DOMAIN;

Property objid As %ZEN.Datatype.string(ZENURL = "Id");

XData Contents [ XMLNamespace = "http://www.intersystems.com/zen" ]
{
<page xmlns="http://www.intersystems.com/zen" width="100%"
  >
  <dataController id="dc" modelClass="tmp.dat" modelId="#(%page.objid)#" />
  <form controllerId="dc" >
  <text dataBinding="str" />
  <dateText dataBinding="d1" />
  <dateText dataBinding="d2" 
        format="DMY"
	separator="." 
  />
  <button caption="new" onclick="zenPage.New()" />
  <button caption="save" onclick="zenPage.Save()" />
  </form>
</page>
}

Method New() [ Language = javascript ]
{
	var dc= zen("dc")
	dc.createNewObject()
}

Method Save() [ Language = javascript ]
{
	var dc= zen("dc")
	alert(dc.save())
}

}

Class tmp.forma Extends %ZEN.Component.page
{

/// This XML block defines the contents of this page.
XData Contents [ XMLNamespace = "http://www.intersystems.com/zen" ]
{
<page 
	xmlns="http://www.intersystems.com/zen" 
	title="Что с датой?"
>
 <button caption="Click"
 onclick="zenPage.Click()">
 </button>
<vgroup id="pnlVGroup">
<dateText id="dPo"
 	label="Что с датой? кликни на кнопку."
 	format="DMY"
 	separator="."
 >
</dateText>
</vgroup>
</page>
}

Method Click() [ Language = javascript ]
{
	zenPage.getComponentById('pnlVGroup').setProperty('height','50%')
}

}