<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>FlexDev &#187; datefield</title>
	<atom:link href="http://www.flexdev.com.br/home/tag/datefield/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.flexdev.com.br/home</link>
	<description>Flex/AIR, Java e RIA em geral.</description>
	<lastBuildDate>Sat, 04 Sep 2010 13:01:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Desabilitando um intervalo de datas</title>
		<link>http://www.flexdev.com.br/home/desabilitando-um-intervalo-de-datas/</link>
		<comments>http://www.flexdev.com.br/home/desabilitando-um-intervalo-de-datas/#comments</comments>
		<pubDate>Wed, 09 Jan 2008 00:59:59 +0000</pubDate>
		<dc:creator>Ebercom</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[DateChooser]]></category>
		<category><![CDATA[datefield]]></category>
		<category><![CDATA[disableRanges]]></category>

		<guid isPermaLink="false">http://blog.flexdev.com.br/desabilitando-um-intervalo-de-datas/</guid>
		<description><![CDATA[Olá pessoal.... Bem 2008 já chegou as festas já se passaram, o jeito agora é trabalhar... hehe Vamos lá, hoje vou dar uma dica bem interessante pra voces, se trata de uma propridade presente nos componentes usados para trabalhar com datas no Flex como por exemplo o DateChooser e o DateField, ambos tem uma propriedade [...]]]></description>
			<content:encoded><![CDATA[<p>Olá pessoal....</p>
<p>Bem 2008 já chegou as festas já se passaram, o jeito agora é trabalhar... hehe</p>
<p>Vamos lá, hoje vou dar uma dica bem interessante pra voces, se trata de uma propridade presente nos componentes usados para trabalhar com datas no Flex como por exemplo o DateChooser e o DateField, ambos tem uma propriedade chamada disabledRanges="" a qual tem a finalidade de desabilitar um espaço de tempo para que não possa ser selecionado pelo usuário, imagine que você tem que criar uma aplicação de reservas de alguma coisa filmes, livros, quartos, etc... então parto do princípio que não se pode reservar algo para uma data anterior a data atual.</p>
<p>Esta propriedade recebe como parametro um array de datas no seguinte formato</p>
<div class="igBar"><span id="lxml-5"><a href="#" onclick="javascript:showPlainTxt('xml-5'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">XML:</span>
<div id="xml-5">
<div class="xml">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">disabledRanges=&quot;{[ {rangeStart: new Date(2008,0,15), rangeEnd: new Date(2008,0,20)} ]}&quot; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>que quer dizer, desabilite as data que compreender o espaço de tempo entre o dia 15/01/2008 ( new Date(2008,0,15) ) até 20/01/2008 ( new Date(2008,0,20) ).</p>
<p>Então vamos la, para desabilitar as datas anteriores a atual...</p>
<p>Insira no seu projeto o campo que necessita para trabalhar com datas, no caso vou colocar os dois acima citados.</p>
<div class="igBar"><span id="lxml-6"><a href="#" onclick="javascript:showPlainTxt('xml-6'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">XML:</span>
<div id="xml-6">
<div class="xml">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;mx</span>:application xmlns:<span style="color: #000066;">mx</span>=<span style="color: #ff0000;">"http://www.adobe.com/2006/mxml"</span> <span style="color: #000066;">layout</span>=<span style="color: #ff0000;">"absolute"</span> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">"190"</span> <span style="color: #000066;">height</span>=<span style="color: #ff0000;">"232"</span><span style="font-weight: bold; color: black;">&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;mx</span>:datechooser <span style="color: #000066;">x</span>=<span style="color: #ff0000;">"10"</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">"10"</span><span style="font-weight: bold; color: black;">&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;mx</span>:datefield <span style="color: #000066;">x</span>=<span style="color: #ff0000;">"48"</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">"198"</span><span style="font-weight: bold; color: black;">&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/mx</span>:datefield<span style="font-weight: bold; color: black;">&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></mx:datechooser></mx:application></p>
<p>Então inclua a propriedade disableRanges:</p>
<div class="igBar"><span id="lxml-7"><a href="#" onclick="javascript:showPlainTxt('xml-7'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">XML:</span>
<div id="xml-7">
<div class="xml">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">disabledRanges =&quot;{[ {rangeEnd: new Date(new Date().getTime() - 86400000)} ]}&quot; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>que quer dizer, desabilite as datas até a data de hoje - 1 dia em milissegundos (new Date().getTime() - 86400000), e é isso ai.</p>
<p>O código completo fica assim:</p>
<div class="igBar"><span id="lxml-8"><a href="#" onclick="javascript:showPlainTxt('xml-8'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">XML:</span>
<div id="xml-8">
<div class="xml">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;mx</span>:application xmlns:<span style="color: #000066;">mx</span>=<span style="color: #ff0000;">"http://www.adobe.com/2006/mxml"</span> <span style="color: #000066;">layout</span>=<span style="color: #ff0000;">"absolute"</span> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">"252"</span> <span style="color: #000066;">height</span>=<span style="color: #ff0000;">"232"</span><span style="font-weight: bold; color: black;">&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;mx</span>:datechooser <span style="color: #000066;">x</span>=<span style="color: #ff0000;">"39"</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">"10"</span> <span style="color: #000066;">disabledranges</span>=<span style="color: #ff0000;">"{[ {rangeEnd: new Date(new Date().getTime() - 86400000)} ]}"</span><span style="font-weight: bold; color: black;">&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;mx</span>:datefield <span style="color: #000066;">x</span>=<span style="color: #ff0000;">"77"</span> <span style="color: #000066;">y</span>=<span style="color: #ff0000;">"198"</span> <span style="color: #000066;">disabledranges</span>=<span style="color: #ff0000;">"{[ {rangeStart: new Date(2008,0,15), rangeEnd: new Date(2008,0,20)} ]}"</span><span style="font-weight: bold; color: black;">&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="font-weight: bold; color: black;">&lt;/mx</span>:datefield<span style="font-weight: bold; color: black;">&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></mx:datechooser></mx:application></p>
<p>Para verificar como ficou a aplicação clique <a href="http://www.flexdev.com.br/progs/disableRanges/bin/">aqui</a>.</p>
<p>Esta é apenas uma pequena demonstração, para se aprofundar pode consultar a documentação <a href="http://livedocs.adobe.com/flex/2/langref/mx/controls/DateChooser.html" target="_blank">aqui</a>.</p>
<p>Abraços a todos.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexdev.com.br/home/desabilitando-um-intervalo-de-datas/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>DateField iniciar com data atual&#8230;</title>
		<link>http://www.flexdev.com.br/home/datefield-iniciar-com-data-atual/</link>
		<comments>http://www.flexdev.com.br/home/datefield-iniciar-com-data-atual/#comments</comments>
		<pubDate>Mon, 19 Nov 2007 00:06:27 +0000</pubDate>
		<dc:creator>Ebercom</dc:creator>
				<category><![CDATA[Dicas]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[datefield]]></category>

		<guid isPermaLink="false">http://www.flexdev.com.br/blog/?p=13</guid>
		<description><![CDATA[Pessoal.... Pessoal estava eu aqui trabalhando no projeto do Sistema de Reservas de Hotel, quando necessitei de uma coisa que é básica... iniciar um componente data com a data atual, fiz uma das pesquisas que acho a mais rápida de todas, dar ctrl+espaço e pelo achometro encontrar a função que tem o nome mais parecido [...]]]></description>
			<content:encoded><![CDATA[<p>Pessoal....</p>
<p>Pessoal estava eu aqui trabalhando no projeto do Sistema de Reservas de Hotel, quando necessitei de uma coisa que é básica... iniciar um componente data com a data atual, fiz uma das pesquisas que acho a mais rápida de todas, dar ctrl+espaço e pelo achometro encontrar a função que tem o nome mais parecido com o que quer ... hehe ai encontrei o showToday, todo contente achei que era isso e logo coloquei "true" la, mas nada... Ai conversando com o Ved, ele como sempre me passou mais um daqueles pulos do gato... é seguinte:</p>
<p>Para iniciar o DateField com a data atual você tem que criar um DateFormatter:</p>
<div class="igBar"><span id="lxml-11"><a href="#" onclick="javascript:showPlainTxt('xml-11'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">XML:</span>
<div id="xml-11">
<div class="xml">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">mx:DateFormatter id=&quot;df&quot; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>e no componente setar a propriedade text para:</p>
<div class="igBar"><span id="lactionscript-12"><a href="#" onclick="javascript:showPlainTxt('actionscript-12'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">Actionscript:</span>
<div id="actionscript-12">
<div class="actionscript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #0066CC;">text</span>=<span style="color: #ff0000;">"{df.format(new Date())}"</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>Fica ai dica que meu amigo Ved me passou e espero que ajude a vocês como me ajudou...</p>
<p>Abraços...</p>
]]></content:encoded>
			<wfw:commentRss>http://www.flexdev.com.br/home/datefield-iniciar-com-data-atual/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
