Jump to content
  • 0
Jack Oliveira

AGENDAMENTO ONLINE PARA CLINICA

Question

Ola galera boa noite

Estou fazendo um site para uma clinica de Odontológica

e nela terá agendamento online

montei o formulário que vai fazer o cadastros dos agendamentos

Porém quero que agenda apenas os horários e a data disponível

por ex: se o cliente for escolher 

10/05/2018 - 14:00

se esta informações já estiver marcado por um outro cliente ele não poder fazer o mesmo agendamento da mesma data e horário

agora se ele for escolher agendar para 10/05/2019 - 14:55

ai ele conseguir fazer o agendamento dele..

Sei que tudo isso seria feito por javascript 

não entendo bem de JAVASCRIPT

aqui esta o CÓDIGO do formulário que vai ficar no site

 

 

    <!-- ***** AGENDAMENTO ONLINE PARA CLINICA***** -->
    <div class="medilife-book-an-appoinment-area">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="appointment-form-content">
                        <div class="row no-gutters align-items-center">
                            <div class="col-12 col-lg-9">
                                <div class="medilife-appointment-form">
                                    <form action="#" method="post">
                                        <div class="row align-items-end">
                                            <div class="col-12 col-md-4">
                                                <div class="form-group">
                                                    <select class="form-control" name="especialidade">
                                                    <option>Especialidade 1</option>
                                                    <option>Especialidade 2</option>
                                                    <option>Especialidade 3</option>
                                                    <option>Especialidade 4</option>
                                                    <option>Especialidade 5</option>
                                                </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-4">
                                                <div class="form-group">
                                                    <select class="form-control" name="medicos">
                                                    <option>Médico 1</option>
                                                    <option>Médico 2</option>
                                                    <option>Médico 3</option>
                                                    <option>Médico 4</option>
                                                    <option>Médico 5</option>
                                                </select>
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-2">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" name="data" id="data" placeholder="Data">
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-2">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" name="time" id="time" placeholder="Time">
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-4">
                                                <div class="form-group">
                                                    <input type="text" class="form-control border-top-0 border-right-0 border-left-0" name="nome" id="nome" placeholder="Nome Completo">
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-4">
                                                <div class="form-group">
                                                    <input type="text" class="form-control border-top-0 border-right-0 border-left-0" name="telefone" id="telefone" placeholder="Telefone">
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-4">
                                                <div class="form-group">
                                                    <input type="email" class="form-control border-top-0 border-right-0 border-left-0" name="email" id="email" placeholder="E-mail">
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-7">
                                                <div class="form-group mb-0">
                                                    <textarea name="mensagem" class="form-control mb-0 border-top-0 border-right-0 border-left-0" id="mensagem" cols="30" rows="10" placeholder="Deixa aqui a sua mensagem"></textarea>
                                                </div>
                                            </div>
                                            <div class="col-12 col-md-5 mb-0">
                                                <div class="form-group mb-0">
                                                    <button type="submit" class="btn medilife-btn">Enviar agendamento <span>+</span></button>
                                                </div>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>

Espero que possam me ajudar ai vlw....

Share this post


Link to post
Share on other sites

1 answer to this question

Recommended Posts

  • 0

O Javascript manipula os dados  na camada do cliente. Então, para que dois usuários possam interagir com os mesmos dados, você vai precisar utilizar algum banco.

Não existe um script pronto para isso, então, recomendo dar mais uma estudada.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.