<?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>Softwares para Automação Comercial e Desenvolvimento de Software Personalizado &#187; disableRanges</title>
	<atom:link href="http://www.flexdev.com.br/home/tag/disableranges/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.flexdev.com.br/home</link>
	<description>Softwares para Automação Comercial</description>
	<lastBuildDate>Tue, 21 Jun 2011 00:35:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.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[TweetTweetOlá pessoal&#8230;. Bem 2008 já chegou as festas já se passaram, o jeito agora é trabalhar&#8230; 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[<div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://www.flexdev.com.br/home/desabilitando-um-intervalo-de-datas/&via=flexdevbr&text=Desabilitando um intervalo de datas&related=FlexDev:FlexDev&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><div style="float: right; margin-left: 10px;"><a href="http://twitter.com/share?url=http://www.flexdev.com.br/home/desabilitando-um-intervalo-de-datas/&via=flexdevbr&text=Desabilitando um intervalo de datas&related=FlexDev:FlexDev&lang=en&count=horizontal" class="twitter-share-button">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div><p>Olá pessoal&#8230;.</p>
<p>Bem 2008 já chegou as festas já se passaram, o jeito agora é trabalhar&#8230; 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=&#8221;" 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&#8230; 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>
<p>[xml]disabledRanges=&#8221;{[ {rangeStart: new Date(2008,0,15), rangeEnd: new Date(2008,0,20)} ]}&#8221;[/xml]</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&#8230;</p>
<p>Insira no seu projeto o campo que necessita para trabalhar com datas, no caso vou colocar os dois acima citados.<br />
[xml]</p>
<p><mx:application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="190" height="232"><br />
<mx:datechooser x="10" y="10"><br />
<mx:datefield x="48" y="198"><br />
</mx:datefield>[/xml]</mx:datechooser></mx:application></p>
<p>Então inclua a propriedade disableRanges:</p>
<p>[xml]disabledRanges =&#8221;{[ {rangeEnd: new Date(new Date().getTime() - 86400000)} ]}&#8221;[/xml]</p>
<p>que quer dizer, desabilite as datas até a data de hoje &#8211; 1 dia em milissegundos (new Date().getTime() &#8211; 86400000), e é isso ai.</p>
<p>O código completo fica assim:</p>
<p>[xml]<br />
<mx:application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="252" height="232"><br />
<mx:datechooser x="39" y="10" disabledranges="{[ {rangeEnd: new Date(new Date().getTime() - 86400000)} ]}"><br />
<mx:datefield x="77" y="198" disabledranges="{[ {rangeStart: new Date(2008,0,15), rangeEnd: new Date(2008,0,20)} ]}"><br />
</mx:datefield>[/xml]</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>
	</channel>
</rss>

