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 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.
Esta propriedade recebe como parametro um array de datas no seguinte formato
XML:
-
disabledRanges="{[ {rangeStart: new Date(2008,0,15), rangeEnd: new Date(2008,0,20)} ]}"
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) ).
Então vamos la, para desabilitar as datas anteriores a atual...
Insira no seu projeto o campo que necessita para trabalhar com datas, no caso vou colocar os dois acima citados.
XML:
-
<mx:application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="190" height="232">
-
<mx:datechooser x="10" y="10">
-
<mx:datefield x="48" y="198">
-
</mx:datefield>
Então inclua a propriedade disableRanges:
XML:
-
disabledRanges ="{[ {rangeEnd: new Date(new Date().getTime() - 86400000)} ]}"
que quer dizer, desabilite as datas até a data de hoje - 1 dia em milissegundos (new Date().getTime() - 86400000), e é isso ai.
O código completo fica assim:
XML:
-
<mx:application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="252" height="232">
-
<mx:datechooser x="39" y="10" disabledranges="{[ {rangeEnd: new Date(new Date().getTime() - 86400000)} ]}">
-
<mx:datefield x="77" y="198" disabledranges="{[ {rangeStart: new Date(2008,0,15), rangeEnd: new Date(2008,0,20)} ]}">
-
</mx:datefield>
Para verificar como ficou a aplicação clique aqui.
Esta é apenas uma pequena demonstração, para se aprofundar pode consultar a documentação aqui.
Abraços a todos.
