Jump to content

Search the Community

Showing results for tags 'datepicker'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 17 results

  1. No site de um cliente, estou usando o Datepicker do Bootstrap (peguei nesse site - eyecon.ro/bootstrap-datepicker ). Contudo, em algumas páginas, eu configuro o datepicker pra mês e ano. Selecionados os dois, mudam os dados de uma tabela: $(".datepicker").datepicker( { format: "mm/yyyy", autoclose: true, viewMode: "months", minViewMode: "years", }).on('changeDate', function(ev){ montaTabela(); // $(this).datepicker('hide'); }); Tudo funciona, mas ele não fecha o datepicker depois da seleção do mês e do ano. O autoClose não funciona e nem colocando hide ou close pro datepicker dá certo. Curiosamente, o hide (que está comentado acima) funciona pra páginas que usam datepicker de data completa (dd/mm/yyyy). O que posso tentar pra resolver?
  2. Estou tendo problemas com o envio do valor de uma variavel javascript para outra pagina, obs: manjo muito pouco de javascript. No primeiro script um datapicker permite o usuario selecionar o dia, o ID do usuário nesse momento ja está armazenado em uma variavel PHP, pois veio de uma seleção anterior. Os dois scripts devem enviar as respectivas informações (dia e ID) para a função.js através do onclick. No onclick está dessa forma: var dados = "id_cate="+document.getElementById('client').value; dados = dados+"&nome="+document.getElementById('datepicker').value; porém o valor do ID do cliente nao está chegando até aqui, exibindo undefined na url. O que estária errado??
  3. Rafael Motta

    Variavel JavaScript p/ php Datepicker

    Bom dia a todos, estou tendo um problema em relação a pegar a variavel do javascript usando o plugin datepicker e passar pro php, pois quando faço o echo no php ele me retorna uma string muito grande pq está imprimindo todo o echo e nao apenas a variavel... alguem sabe uma forma de pegar apenas a variavel sem usar post, get... seguem os codigos abaixo $(function() { $("#datepicker").datepicker({ onSelect: function(dateText, inst) { $("#data").text(dataText); } }); }); $teste = "<input type=\"text\" id=\"datepicker\" name=\"datepicker\"/>"; echo $teste;
  4. Boa tarde, gostaria de saber como faço para usar um datepicker dentro da janela modal. (html, javascript e bootstrap) Eis meu código <!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Example</title> <!-- Link Calendário --> <link href="jquery-ui-1.12.1.custom/jquery-ui.css" rel="stylesheet" /> <!-- Scripts Jquery --> <script src="js/jquery-2.0.2.min.js"></script> <!-- Scripts Jquery UI --> <script src="jquery-ui-1.12.1.custom/jquery-ui.js"></script> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap.min.js"></script> <script> $(function() { $("#datepicker").datepicker({ dateFormat: 'dd/mm/yy', dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'], dayNamesMin: ['D','S','T','Q','Q','S','S','D'], dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','---','Sáb','Dom'], monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'], monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'], minDate: -5, maxDate: "+1D" }); }); $( function() { $( "#datepicker2" ).datepicker({ dateFormat: 'dd/mm/yy', dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'], dayNamesMin: ['D','S','T','Q','Q','S','S','D'], dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','---','Sáb','Dom'], monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'], monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'], maxDate: "+3D" }); } ); $( function() { $( "#datepicker3" ).datepicker(); $( "#datepicker3").datepicker( "option", "showAnim", "clip" ); } ); $( function() { $( "#datepicker4" ).datepicker(); $( "#datepicker4").datepicker( "option", "showAnim", "slideDown" ); } ); $( function() { $( "#datepicker5" ).datepicker(); $( "#datepicker5").datepicker( "option", "showAnim", "fadeIn" ); } ); $( function() { $( "#datepicker6" ).datepicker(); $( "#datepicker6").datepicker( "option", "showAnim", "blind" ); } ); $( function() { $( "#datepicker7" ).datepicker(); $( "#datepicker7").datepicker( "option", "showAnim", "bounce" ); } ); $( function() { $( "#datepicker8" ).datepicker(); $( "#datepicker8").datepicker( "option", "showAnim", "drop" ); } ); $( function() { $( "#datepicker10" ).datepicker(); $( "#datepicker10").datepicker( "option", "showAnim", "slide" ); } ); </script> </head> <body> <div class="container"> <h2>Large Modal</h2> <!-- Trigger the modal with a button --> <button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Large Modal</button> <!-- Modal --> <div class="modal fade" id="myModal" role="dialog"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal">&times;</button> <h4 class="modal-title">Modal Header</h4> </div> <div class="modal-body"> <p>This is a large modal.</p> <br/> <div class="rows"> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Máximo e mínimo de dias <div class="input-group date"> <input id="datepicker" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Máximo dias <div class="input-group date"> <input id="datepicker2" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Clip <div class="input-group date"> <input id="datepicker3" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Slide down <div class="input-group date"> <input id="datepicker4" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> </div> <div class="rows"> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Fade in <div class="input-group date"> <input id="datepicker5" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Blind (UI Effect) <div class="input-group date"> <input id="datepicker6" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Bounce (UI Effect) <div class="input-group date"> <input id="datepicker7" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Drop (UI Effect) <div class="input-group date"> <input id="datepicker8" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> </div> <div class="rows"> <div class= "col-sm-3 col-md-3 col-lg-3"> <div class="form-group"> Efeito de abertura Slide <div class="input-group date"> <input id="datepicker10" type='text' class="form-control" /> <span class="input-group-addon"> <span class="glyphicon glyphicon-calendar"></span> </span> </div> </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> </div> </div> </div> </div> </div> </body> </html> Até consigo fazer aparecer, mas não grava mais na caixa de texto e parece que fica no fundo
  5. Gostaria de saber como posso listar os eventos setados no datepicker, que quando ao passar o mouse em cima dos mesmos , eles mudassem o hover ou algo assim diretamente no calendário. Código atual: codepen.io/abech/pen/VrWOLR Imagem de exemplo do código atual
  6. MARCOS VINICIUS LOPES

    Calendario com datepicker em mais de um campo.

    Boa noite galera, alguém me tira do prego, estou precisando colocar em mais de um campo input um calendário do tipo datepicker, abaixo script que uso para o calendário, o problema e que para usar em mais de um campo funciona apenas no primeiro campo o resto não funciona, observação os campos são criados de acordo com uma pesquisa do banco, então pode ser uma,duas,três, etc... criado por um laço while. então preciso que todos os campos chame o calendário sem problemas. <script> $(function() { $("#calendario").datepicker({ dateFormat: 'dd-mm-yy', dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado','Domingo'], dayNamesMin: ['D','S','T','Q','Q','S','S','D'], dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','---','Sáb','Dom'], monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'], monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'] }); }); </script> while ($i < 5( por exmplo ) { <input name="de" type="text" size="15" id="calendario" > }
  7. Boa tarde, estou usando o calendário do jquery ui o datepicker e funciona perfeitamente. estou usando assim: $("#data_vinculo_outorga").datepicker({ language: "pt-BR", format: "dd/mm/yyyy" }); O problema é que preciso usar data por extenso. algo como dia "03 de Março de 2017" tentei "dd 'de' MM 'de' yyyy" mas o resultado é: 03 '3e' Março 3e 2017 Alguém sabe como fazer isso? Agradeço desde já.
  8. Boa noite! É o seguinte, a princípio, estou carregando uma tabela com dados mysql via ajax: function fetch_data() { $.ajax({ url: "docentes/select.php", method: "POST", success: function (data) { $('#live_data').html(data); } }); } E em seguida faço manipulações para atualizar os dados, com isso, tudo certo. Entretanto, existe um campo da tabela que é para data, resolvi utilizar o Datepicker para deixar o campo mais elegante com a utilização de um calendário, se deparei com um problema ao utilizar vários Datepickers na mesma página, entretanto, designei uma ID única para cada input e uma classe igual para todos os inputs, classe a qual serviria de seletor para chamar a função datepicker, só que outro problema surge nessa jornada, este acontece por não estar executando a chamada da função datepicker, contudo, o seletor está correto, tem o mesmo identificador que o das classes dos inputs, não compreendo o por quê desse problema, por favor, peço vossa ajuda para a solução de meu problema, seguem códigos logo abaixo: $(document).ready(function(){ $(".datepicker").datepicker({ dateFormat: "dd/mm/yy" }); )}; Já tentei pôr eventos no input do DatePicker: <div class="input-group"> <input type="text" id="date_'.$inc.'" class="form-control datepicker" onmouseover="acionaDatePicker(\'#date_'.$inc.'\')" data-id="' . $Docente['id'] . '" data-before="' . $date . '" value="'.$date.'"/> </div> e no javascript: function acionaDatePicker(seletor){ $(seletor).datepicker({ dateFormat: "dd/mm/yy" }); } É como se não executasse o código do javascript nos dois casos. Arquivos: Código gerador de tabela com informações do banco, mais tarde será carregada com auxilio do ajax via POST na div de id = "live_data": Página onde serão exibidos os dados: Página onde ficam os códigos JAVASCRIPT: Caso eu não tenha sido claro quanto a minha dúvida, por favor, informem.
  9. Boa tarde, Tenho alguns componentes datepicker criados e funcionando corretamente em um formulário principal conforme a imagem a seguir: Porém quando crio o mesmo componente para ser carregado em um formulário sobreposto ao principal o componente não funciona: Desde já agradeço.
  10. pedroper

    form com datetimepicker

    Estou desenvolvendo um sistema de agendamento e estou utilizando o datetimepicker para fazer a marcação das horas. segue o código que estou utilizando: HTML <form action="agenda.php" method="POST"> <p> Nome </p> <input type="text" id="inputName" name="inputName" required> <p> Email </p> <input type="text" id="inputEmail" name="inputEmail" required> <p> Telefone </p> <input type="text" id="inputPhone" name="inputPhone" required> <p> Clinica </p> <select name="inputClinica"> <option value="Avenida Tiririca">Avenida Tiririca</option> </select> <p> Agenda </p> <input type="datetime" id="inputDatetime" name="inputDatetime" required> <input class="somebutton" type="submit" value="ENVIAR"> </form> <link rel="stylesheet" type="text/css" href="js/jquery.datetimepicker.css"> <script src="js/jquery.js"></script> <script src="js/jquery.datetimepicker.full.min.js"></script> <script src="http://momentjs.com/downloads/moment.min.js"></script> <script> $.datetimepicker.setLocale('pt-BR'); </script> <script> $('#inputDatetime').datetimepicker({ formatTime:'H:i', formatDate:'Y/m/d', inline:true, }); </script> PHP include('config.php'); $erro = false; if ( isset( $_POST ) && ! empty( $_POST ) ) { foreach ( $_POST as $chave => $valor ) { $chave = $valor; if ( empty ( $valor ) ) { $erro = 'Existem campos em branco.'; } } if ( empty( $inputName ) || empty( $inputEmail ) || empty( $inputPhone ) || empty( $inputClinica ) || empty( $inputDatetime ) ) { $erro = 'Existem campos em branco.'; } $pdo_verifica = $conexao_pdo->prepare('SELECT * FROM si_agendamento WHERE id_ag = ?'); $pdo_verifica->execute( array( $inputName ) ); $id_ag = $pdo_verifica->fetch(); $id_ag = $id_ag['id_ag']; if ( ! $erro ) { if ( ! empty( $id_ag ) ) { $pdo_insere = $conexao_pdo->prepare('UPDATE si_agendamento SET inputName_ag=?, inputEmail_ag=?, inputPhone_ag=?, inputClinica_ag=?, inputDatetime_ag=? WHERE id_ag=?'); $pdo_insere->execute( array( $inputName ,$inputEmail , $inputPhone , $inputClinica, $inputDatetime, $id_ag ) ); } else { $pdo_insere = $conexao_pdo->prepare('INSERT INTO si_agendamento (inputName_ag, inputEmail_ag, inputPhone_ag, inputClinica_ag, inputDatetime_ag) VALUES (?, ?, ?, ?, ?)'); $pdo_insere->execute( array( $inputName ,$inputEmail , $inputPhone , $inputClinica, $inputDatetime) ); } } } if (!$_POST['submit']) { $quebra_linha = "\n"; $emailsender = "contato@contato.o"; $nomeremetente = $_REQUEST['inputName']; $emaildestinatario = "contato@contato.o"; $assunto = "[AGENDA]"; $email = $_REQUEST['inputEmail']; $phone = $_REQUEST['inputPhone']; $clinica = $_POST['inputClinica']; $mensagem = $_REQUEST['inputMessage']; $agendamento = $_REQUEST['inputDatetime']; $mensagemHTML = 'Olá , '.$nomeremetente.' tem um recado para voce. Existe uma nova mensagem para voce diretamente ! Nome: '.$nomeremetente.' E-mail: '.$email.' Telefone: '.$phone.' Clinica: '.$clinica.' Mensagem: '.$mensagem.' Agendamento: '.$agendamento.''; $headers = "MIME-Version: 1.1".$quebra_linha; $headers = "Content-type: text/html; charset=UTF-8".$quebra_linha; $headers = "From: ".$emailsender.$quebra_linha; $headers = "Reply-To: ".$emailsender.$quebra_linha; if(mail($emaildestinatario, $assunto, $mensagemHTML, $headers, "-r". $emailsender)) { echo "<script>alert('Seu e-mail foi enviado com sucesso. Obrigado por entrar em contato!');</script>"; echo "<script>document.location.href='index.html'</script>"; } else { echo "<script>alert('Email não enviado, tente novamente mais tarde!');</script>"; } } Criei um arquivo config.php para a conexão com o banco, Gostaria de saber se é possivel linkar essas informações do banco com o datetimepicker para marcar os espaços de 1hora como ja reservados se aprovado. Andei pesquisando e acho que vou usar o $.ajax() para fazer a requisição dos dados do banco, porém não tenho muito conhecimento. Montei a requisição da seguinte maneira: $('.xdsoft_time_variant').change(function(){ $.ajax({ url : 'index.php', type : 'get', dataType: 'html', success: function(retorno){ $('.xdsoft_time').html(retorno); } }) }); As classes xdsoft_time_variant e xdsoft_time se refere as divs criadas pela função jquery. time_variant é a div principal do script para mostrar o time e a xdsoft_time é a classe das horas.
  11. Boa tarde Pessoal , estou utilizando o JQuery-UI . onde possuo uma pagina em php . teste2.php <h2>Select a Date in first TextBox. Then click the Button to see how 3 days is added to this Date and shown in "Follow Date" TextBox.</h2> <p>Date: <input id="txtDate" type="text" /> </p> <p> <input type="button" onclick="getdate()" value="Fill Follow Date" /> E o Script para executar o Datepicker . $(document).ready(function () { $('#txtDate').datepicker(); $('#follow_Date').datepicker(); }); function getdate() { var tt = document.getElementById('txtDate').value; var date = new Date(tt); var newdate = new Date(date); newdate.setDate(newdate.getDate() + 3); var dd = newdate.getDate(); var mm = newdate.getMonth() + 1; var y = newdate.getFullYear(); var someFormattedDate = mm + '/' + dd + '/' + y; document.getElementById('follow_Date').value = someFormattedDate; } como faço para , transformar o valor "3" na linha : ewdate.setDate(newdate.getDate() + 3); Em algo , que eu possa alterar atraves de um formulario. no php usase o $variavel , mas como funciona em Script ? Obrigado.
  12. Boa tarde Pessoal , estou utilizando o JQuery-UI . onde possuo uma pagina em php . teste2.php <h2>Select a Date in first TextBox. Then click the Button to see how 3 days is added to this Date and shown in "Follow Date" TextBox.</h2> <p>Date: <input id="txtDate" type="text" /> </p> <p> <input type="button" onclick="getdate()" value="Fill Follow Date" /> E o Script para executar o Datepicker . $(document).ready(function () { $('#txtDate').datepicker(); $('#follow_Date').datepicker(); }); function getdate() { var tt = document.getElementById('txtDate').value; var date = new Date(tt); var newdate = new Date(date); newdate.setDate(newdate.getDate() + 3); var dd = newdate.getDate(); var mm = newdate.getMonth() + 1; var y = newdate.getFullYear(); var someFormattedDate = mm + '/' + dd + '/' + y; document.getElementById('follow_Date').value = someFormattedDate; } como faço para , transformar o valor "3" na linha : ewdate.setDate(newdate.getDate() + 3); Em algo , que eu possa alterar atraves de um formulario. no php usase o $variavel , mas como funciona em Script ? Obrigado.
  13. Josue Oliveira Camargo

    Editar campo com Datepicker

    Gente, o negócio é o seguinte: tenho dois campos texto em que implemento datepicker pois o formato nativo HTML 'date' não é suportado por todos os browsers. Eles capturam dadas e mandam para uma pagina que salva no banco. O que preciso é mostrar a data novamente no campo, para que o usuário possa "editar" essa data se necessário. O problema é: eles são editáveis como texto, e não aparece o calendário do datepicker para que o usuário selecione a data que deseja. lembrando que o problema não é a formatação de data para o 'tipo' do banco... Alguém poderia me ajudar?
  14. Tenho um sistema em ASP Classico, com um datepicker (Jquery), e quero que algumas datas sejam desabilitadas automaticamente. Essas datas devem popular automaticamente o array que desabilita as datas. (Hoje está manual como mostra a função abaixo) var disableddates = ["10-12-2015", "11-20-2015", "12-21-2015", "12-22-2015", "12-23-2015", "12-24-2015", "12-25-2015", "12-28-2015", "12-29-2015", "12-30-2015", "12-31-2015", "1-1-2016"]; Tenho uma procedure SQL Server que traz uma lista com todas essas datas. Como chamá-la antes de chamar o datepicker desabilitando essas datas?
  15. Olá, estou com os seguintes problemas: Tenho um formulário em ASP Clássico, que possui um campo de data preenchido automaticamente com o valor recebido pela seleção no Datepicker. Embaixo dessa data, existem alguns campos que quero deixar ocultos e somente mostrar quando selecionar uma data. 1) Quando mostrar a data os campos (um combo e um botão que chama uma função) devem vir com os valores padrão deles (o combo com o Selecione habilitado, e o botão sem mostrar nenhum horário) 2) Se eu mudar a data, os valores desses campos devem ser novamente zerados Tem uma função de zerarhorario, quando tento colocar o combo nessa seleção (com os valores padrões), desaparece a opção pra selecionar o datepicker. Se eu deixar pra zerar ele aparece o combo sem nada dentro. Então pensei em colocar uma div que abra os campos com eles nos valores padrão (sem nada selecionado). Não sei se é a melhor opção possível, mas... Alguém tem alguma ideia?! Obrigada!
  16. Olá, Tenho um sistema de agendamento desenvolvido em Asp clássico e SQL Server, com um datepicker. E preciso desabilitar datas vindas de tabelas SQL Server das seguintes formas: 1) Desabilitar algumas datas específicas (como feriados por exemplo) desse datepicker, datas estas que estão em uma tabela SQL Server (id e data); 2) O sistema tem uma procedure que verifica a disponibilidade dos dias, caso não haja disponibilidade, desabilitar a data. Alguém poderia me ajudar?? Tô quebrando a cabeça procurando uma solução para esse problema e não tô conseguindo!!! :wacko: Obrigada!!!
  17. merlinus

    Largura datepicker

    Saudações Comprei uma layout para wordpress que usar datepicker para viagens mas estou achando que a tabela que abre para selecionara data está grande demais, estou tentando diminuir, já alterei todos os arquivos css que fazem menção a datepicker, como por exemplo paçando caracteristica .ui-datepicker table{ width} de 100% para 50% mas o tamanho continuou igual. o site: http://www.roteirosparaty.com.br/hotel/caminho-da-serra-paraty/ Alguem consegue me dar alguma idéia?
×

Important Information

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