Guest User

Untitled

a guest
Mar 23rd, 2018
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.54 KB | None | 0 0
  1. //contact form 7 - form
  2. <div class="row">
  3. <div class="col-md-0" >
  4. <label class="lblform"> Ano </label>
  5. [date ano id:subs-date-ano date-format:yyyy min:1930-01-01 max:today-14years text your-name placeholder "aaaa" ]
  6. </div>
  7. <div class="col-md-1" style="margin-right: 20px;">
  8. <label class="lblform"> Mês </label>
  9. [select* menu-month id:subs-date-mes "Janeiro" "Fevereiro" "Março" "Abril" "Maio" "Junho" "Julho" "Agosto" "Setembro" "Outubro" "Novembro" "Dezembro" ]
  10. </div>
  11. <div class="col-md-0" >
  12. <label class="lblform"> Dia </label>
  13. [select* dia id:subs-date-dia "01" "02" "03" "04" "05" "06" "07" "08" "09" "10" "11" "12" "13" "14" "15" "16" "17" "18" "19" "20" "21" "22" "23" "24" "25" "26" "27" "28" "29" "30" "31"]
  14. </div>
  15. </div>
  16.  
  17. //javascript /wp-content/themes/custom_theme/footer.php
  18. <script type="text/javascript">
  19.  
  20. // 3 campos ano(text) , mes(select) , dia(select)
  21. //utilizado com contact form 7
  22. function BirthDataValidation(){
  23. //lista meses
  24. var meses = new Array("Janeiro", "Fevereiro", "Marco", "Abril", "Maio", "Junho", "Julho", "Agosto", "Septembro", "Outubro", "Novembro", "Dezembro");
  25.  
  26. //qual ano
  27. var ano = jQuery('#subs-date-ano').val();
  28.  
  29. //calcular os dias por mes pelo ano escolhido
  30. var dias = [];
  31. for (var x = 0; x < 12; x++) {
  32. var diasNoMes = new Date(ano, x + 1, 0).getDate();
  33. dias[x] = [];
  34. for (var i = 1; i <= diasNoMes; i++) {
  35. dias[x].push(i);
  36. }
  37. }
  38.  
  39. //qual o mês escolhido
  40. var mes = jQuery("#subs-date-mes").val();
  41.  
  42. //percorrer todos os meses e escolher os dias do selecionado
  43. for (var i=0; i<meses.length; i++){
  44. if (meses[i] == mes){
  45. //dias para este mes
  46. var days = dias[i];
  47. //limpa dias
  48. jQuery('#subs-date-dia').empty();
  49. //adiciona os dias ao select
  50. jQuery.each(days, function (i, item) {
  51. jQuery('#subs-date-dia').append(jQuery('<option>', {
  52. value: item,
  53. text : item
  54. }));
  55. });
  56. }
  57. }
  58. }
  59.  
  60. //quando o Ano tem escrito
  61. jQuery("#subs-date-ano").on("input", function() {
  62. BirthDataValidation();
  63. });
  64.  
  65. //quando seleciona o mês
  66. jQuery("#subs-date-mes").on("click", function() {
  67. BirthDataValidation();
  68. });
  69.  
  70. </script>
Add Comment
Please, Sign In to add comment