Solucionado
Pessoal, gostaria de saber como faço para poder editar um calendário em um formulário. Tenho um formulário que tem um input do tipo date e gostaria de fazer algumas condições, para cada tipo de atendimento selecionado, estaria habilitado um dia da semana para a pessoa poder agendar um procedimento. Ex: consultas apenas segundas, exames apenas terças e etc.. Vi que tem a opção usando richfaces porém o meu arquivo é jsp e não xhtml. tem outra solução?
hoje, com a Alura e o Google Gemini
Nesse caso, pelo menos até onde eu conheço, o melhor seria vc usar uma lib de calendário.. Pode ser com jquery da vida ou qualquer outro por aí...
O input type date do html5 não parece ser tão customizável.
Também acho interessante usar uma lib específica que lhe dará todo o suporte para manipulação de dados do tipo data.
Abraços!
Boa noite pessoal, estou tentando usar este https://eonasdan.github.io/bootstrap-datetimepicker/#disabled-days-of-the-week, porém quando eu testo, ele me retorna um erro na página. Já tentei fazer de quase tudo...só falta a coisa correta..rsrsrs.. tem como dar uma força?
jquery-2.1.3.min.js:2 Uncaught TypeError: $(...).datetimepicker is not a function
(anonymous function) @ formAgenda:181
j @ jquery-2.1.3.min.js:2
fireWith @ jquery-2.1.3.min.js:2
ready @ jquery-2.1.3.min.js:2
I @ jquery-2.1.3.min.js:2<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="ISO-8859-1"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/security/tags" prefix="security" %>
<%@ taglib uri="http://www.springframework.org/tags" prefix="s" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<!DOCTYPE html >
<html>
<head>
<meta charset=ISO-UTF-8>
<title>Agendamento</title>
<c:url value="/resources" var="resPath" />
<link rel="stylesheet" href="${resPath}/css/estilo.css"/>
<link rel="stylesheet" href="${resPath}/css/bootstrap-theme.min.css"/>
<link rel="stylesheet" href="${resPath}/css/bootstrap.min.css"/>
<link rel="stylesheet" href="${resPath}/css/bootstrap.css"/>
<link rel="stylesheet" href="${resPath}/css/bootstrap-theme.css"/>
<!-- ... -->
<script type="text/javascript" src="${resPath}/jquery.js"></script>
<script type="text/javascript" src="${resPath}/js/transition.js"></script>
<script type="text/javascript" src="${resPath}/js/collapse.js"></script>
<script type="text/javascript" src="${resPath}/dist/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${resPath}/moment/moment.js"></script>
<script type="text/javascript" src="${resPath}/js/bootstrap-datetimepicker.min.js"></script>
</head>
<body>
<c:import url="menuNav.jsp"></c:import>
<section class="container">
<fieldset>
<legend>Cadastro da Agenda</legend>
<form:form servletRelativeAction="/agendapsf/cadagenda" method="post" >
<div>
<label>ID</label>
<security:authentication property="principal" var="logado"/>
<select name="usuario.id">
<option value="${logado.id}">${logado.id}</option>
</select>
</div>
<div>
<label>Paciente</label>
<security:authentication property="principal.nomeUsuario" />
</div>
<div>
<label>Cartão SUS</label>
<security:authentication property="principal.cartSUS" />
</div>
<div>
<label>Telefone</label>
<security:authentication property="principal.telefone" />
</div>
<div>
<label>Celular</label>
<security:authentication property="principal.celular" />
</div>
<div>
<label>Endereço</label>
<security:authentication property="principal.enderecoUsuario" />
</div>
<div>
<label>Cidade</label>
<security:authentication property="principal.cidadeUsuario"/>
</div>
<div>
<label>Estado</label>
<security:authentication property="principal.UF"/>
</div>
<div>
<label>Posto de Saúde</label>
<security:authentication property="principal.postosaude.nomePsf"/>
</div>
<div>
<label>Procedimento</label>
<select name="procedimento.id" class="form-control">
<c:forEach items="${procedimentos}" var="procedimento">
<option value="${procedimento.id}">${procedimento.id} - ${procedimento.descricao} </option>
</c:forEach>
</select>
</div>
<div class="container">
<div class="col-sm-6" style="height:130px;">
<div class="form-group">
<div class='input-group date' id='dataAtendimento'>
<input type='text' class="form-control" name="dataAtendimento"/>
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar">
</span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#dataAtendimento').datetimepicker('daysOfWeekDisabled', [0,6]);
});
</script>
</div>
<div>
<button type="submit" class="btn btn-primary">Gravar</button>
</div>
</form:form>
</fieldset>
</section>
</body>
</html>