Boa tarde, Estou quebrando a cabeça para exibir a data conforme a seleção do usuário. Exemplo:
select 01 - aparece as datas "De/Até" select 02 - Somente "Até" select 03 - Somente "De" select 04 - Não aparece as datas
Eu criei um array, com os elementos dataInicio e dataFim, setando neles "s" ou "n" para exibição, porém, não sei se é o jeito certo de se fazer. Agora preciso chamar na tela, quando o usuário selecionar uma opção, ele exibir conforme a regra.
(Obs: estou usando um componente de data, que usa um template)
--
Notem que no componente spt-data-intervalo eu inseri um ng-show="filtro.Vigencia.dataInicio=='s' && filtro.Vigencia.dataInicio=='s'"
É possível tratar as demais regras pelo próprio ng-show?
Segue o código:
HTML
<div class="form-group">
<label for="" class="col-md-2 control-label">Tipo:</label>
<div class="col-md-4">
<select
class="form-control"
ng-model="filtro.Vigencia"
ng-options="tipoVigencia.nome for tipoVigencia in tipoVigencia"
ng-change="" required>
<option value="">Selecione o Tipo</option>>
</select>
</div>
<spt-data-intervalo
ng-show="filtro.Vigencia.dataInicio=='s' && filtro.Vigencia.dataInicio=='s'"
template-url="inline"
inicio="inicioVigencia"
label-data-inicio="Vigência de:*"
classe-label="col-md-2"
fim="fimVigencia"
label-data-fim="Até:">
</spt-data-intervalo>
</div>
Controle
$scope.tipoVigencia=[
{nome: 'select 01', dataInicio:'s', dataFim:'s'},
{nome: 'select 02',dataInicio:'n', dataFim:'s'},
{nome: 'select 03',dataInicio:'s', dataFim:'n'},
{nome: 'select 04',dataInicio:'n', dataFim:'s'},
{nome: 'select 05',dataInicio:'n', dataFim:'n'}
];
Template Data
<div>
<label for="inicio" class="float-left control-label" ng-bind="labelDataInicio"></label>
<div class="{{classeLabel}}">
<spt-data id="inicio" model="inicio" maxima="fim" mascara="39/19/9999" placeholder="dd/mm/aaaa" required></spt-data>
</div>
</div>
<div>
<label for="" class="float-left control-label" ng-bind="labelDataFim">Até:*</label>
<div class="{{classeLabel}}">
<spt-data id="fim" model="fim" minima="inicio" mascara="39/19/9999" placeholder="dd/mm/aaaa" required></spt-data>
</div>
</div>