Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17411
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Formatando o Datepicker jQuery UI no formato dd/mm/aaaa

10-09-2012 22:21

Abaixo segue um exemplo para quem precisa usar o Datetimepicker jQuery UI usando o formato da data brasileiro, dia, mês e ano. Segue também nesse exemplo 2 inputs para datas.
Você pode baixar os arquivos UI para seu servidor, ou usar como no exemplo abaixo, pegando do site externo.

<html> <head> <link rel="stylesheet" media="all" type="text/css" href="http://code.jquery.com/ui/1.8.21/themes/ui-lightness/jquery-ui.css" /> <link rel="stylesheet" media="all" type="text/css" href="jquery-ui-timepicker-addon.css" /> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js"></script> <script type="text/javascript" src="http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js"></script>   <style> /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } </style>   <script> $(document).ready(function() {   $('#example1, #example2').datetimepicker({ dateFormat: 'dd/mm/yyyy',   separator: ' ',   minDate: new Date() });   }); </script> </head>   <body> <form> <input type="text" id="example1"> <input type="text" id="example2"> </form> </body> </html>

Referência: http://trentrichardson.com/examples/timepicker/
1
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17411
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Formatando o Datepicker jQuery UI no formato dd/mm/aaaa

11-09-2012 07:37

Baseado no mesmo script, quem quiser converter o Datepicker jQuery UI para o formato brasileiro, com meses e datas em português, substitua a parte do ready acima por essa abaixo.

<script> $(document).ready(function() {   $('#example1, #example2').datetimepicker({           timeOnlyTitle: 'Tempo',         timeText: 'Tempo',         hourText: 'Hora',         minuteText: 'Minuto',         secondText: 'Segundo',         currentText: 'Atual',         closeText: 'Fecha',   dateFormat: 'dd/mm/yy',   separator: ' ',   minDate: new Date() });   $.datepicker.regional['pt'] = {         closeText: 'Fechar',         prevText: 'Anterior',         nextText: 'Próximo',         currentText: 'Atual',         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'],         dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado'],         dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],         dayNamesMin: ['Do','Se','Te','Qu','Qi','Se','Sa'],         weekHeader: 'Semana',         dateFormat: 'dd.mm.yy',         firstDay: 1,         isRTL: false,         showMonthAfterYear: false,         yearSuffix: '' }; $.datepicker.setDefaults($.datepicker.regional['pt']);   }); </script>

1
Tem um script legal em HTML, CSS, PHP, HTML, JavaScript, jQuery? Poste e compartilhe com os usuários do fórum :rock:

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado