Day in input with datepicker

0

Would anyone know how to explain to me how I can: When you click an input with datepicker, does it display the day of the week?

Ex: 04/17/2017 Sixth

Below is my code:

<?php  
include("connections/configuration.php");

if(isset($_POST['nomehomen'])){
$nomehomen=utf8_decode($_POST['nomehomen']);
$rghomen=utf8_decode($_POST['rghomen']);
$nomemulher=utf8_decode($_POST['nomemulher']);
$rgmulher=utf8_decode($_POST['rgmulher']);
$mensagem=utf8_decode($_POST['mensagem']);
$data=utf8_decode($_POST['data']);

if($nomehomen=="" OR $mensagem=="" OR $data==""){
  echo "<script>location.href='index.php';</script>";
}

//cadastra no db a indicacao
$QueryCadastro="Insert Into viplist(nomehomen,rghomen,nomemulher,rgmulher,mensagem,data)VALUES('$nomehomen','$rghomen','$nomemulher','$rgmulher','$mensagem','$data')";
  $ExecutaQueryCadastro=mysqli_query($con,$QueryCadastro);

}
?>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Lista Vip</title>
    <link rel="stylesheet" href="template.css">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script><scriptsrc="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<script src='https://www.google.com/recaptcha/api.js'></script>


<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script><scripttype="text-javascript">

 </script>

 <!-- Aqui vai a função que mostra apenas 2 datas no datepicker 
Ex: 
[dt.getDay() == 0 ||
Significa que zero é domingo bloqueado

 -->
<script>
  jQuery(function($){
    $(document).ready(function(){
$(function() {
   $('#data').datepicker({ beforeShowDay:
    function(dt)
    {
       return [dt.getDay() == 0 || dt.getDay() == 1 || dt.getDay() == 2 || dt.getDay() == 3 || dt.getDay() == 4 ? false : true];
    }
 });
});
    });

  })
</script>

<script>
//Campo 1
jQuery(function($){
        $.datepicker.regional['pt-BR'] = {
                closeText: 'Fechar',
                prevText: '&#x3c;Anterior',
                nextText: 'Pr&oacute;ximo&#x3e;',
                currentText: 'Hoje',
                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;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-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                weekHeader: 'Sm',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
        maxwidth: 180,
                yearSuffix: ''};
        $.datepicker.setDefaults($.datepicker.regional['pt-BR']);
});
 $(function() {
    $( "#nascimento" ).datepicker({
      changeMonth: true,
      changeYear: true,
      yearRange: "1900:2020",
      onClose: function (dateText, inst) {
         var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
         var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
         $(this).datepicker('setDate', new Date(year, month, 1));
     }
    });
  });


    $(function() {
    $( "#datepicker2" ).datepicker();
  });

jQuery(function($){
  JQuery(".Maeqst5 input").append('required','false');
  });

      $(function() {
    $( "#datepicker3" ).datepicker();
  });



        $(function() {
    $( "#datepicker4" ).datepicker();
  });


        $(function() {
    $( "#datepicker5" ).datepicker();
  });

//Desabilita o envio ao pressionar Enter
$('#form1').on('keyup keypress', function(e) {
  var keyCode = e.keyCode || e.which;
  if (keyCode === 13) { 
    e.preventDefault();
    return false;
  }
});
</script>

<style>
  body {
  font-family: Arial, Helvetica, sans-serif;
}

table {
  font-size: 1em;
}

.ui-draggable, .ui-droppable {
  background-position: top;
}
</style>



</head>
<body>

<div class="teste"></div>

<div class="GlobalForm">
<?php 
if($QueryCadastro==true){

?>
<div class="alert alert-success" role="alert">
  <strong>Obrigado!</strong> Seu nome foi adicionado a lista.
</div>

<?php
}
?>

<form action="index.php" method="post">

<div class="form-group">
  <label for="usr">Nome do Homem:</label>
  <input type="text" class="form-control" id="nomehomen" name="nomehomen" required="true">
</div>

<div class="form-group">
  <label for="usr">RG do Homem:</label>
  <input type="text" class="form-control" id="rghomen" name="rghomen" required="true">
</div>


<div class="form-group">
  <label for="usr">Nome da Mulher:</label>
  <input type="text" class="form-control" id="nomemulher" name="nomemulher" required="true">
</div>

<div class="form-group">
  <label for="usr">RG da Mulher:</label>
  <input type="text" class="form-control" id="rgmulher" name="rgmulher" required="true">
</div>


<div class="form-group">
<label for="usr">Deixe uma mensagem ou informe seus convidados:</label>
    <textarea class="form-control" placeholder="Mensagem" name="mensagem"></textarea>
</div>

<div class="form-group">
  <label for="usr">Informe a data que deseja estar na lista vip:</label>
  <input type="text" class="form-control" id="data" name="data" required="true">
</div>

<input type="submit" class="btn btn-info" value="Cadastar"><br/><br/><br/>
<div class="g-recaptcha" data-sitekey="6LdH3xoUAAAAANeEgXuavBhgqKukl3NJfFrz_ZMj"></div>

</form> 
</div>

</body>
</html>
    
asked by anonymous 17.04.2017 / 22:03

1 answer

0

Here's a sample code with what you want:






  
  
  jQuery UI Datepicker - Default functionality
  
  
  
  
  

  function diasemana(data){
var hoje=new Date(data);
var dia= hoje.getDay();
var semana=new Array(6);
semana[0]='Domingo';
semana[1]='Segunda-Feira';
semana[2]='Terça-Feira';
semana[3]='Quarta-Feia';
semana[4]='Quinta-Feira';
semana[5]='Sexta-Feira';
semana[6]='Sábado';
return semana[dia];
}

  $( function() {
    $( "#datepicker" ).datepicker({
       onSelect: function (date, object){
    console.log("Data: " + date);
    var diaSemana = diasemana(date);
    alert(diaSemana);
       }
    });
  } );
  



Date:

Add the parameter onSelect la no datepicker and copy the function onweek.

    
18.04.2017 / 01:21