0
Could someone explain to me how I do: When clicking on an input with datepicker, it displays the day of the week?
Ex: 17/04/2017 Friday
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>
<script src="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>
<script type="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: '<Anterior',
nextText: 'Próximo>',
currentText: 'Hoje',
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-feira','Terç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>
Where do you want to display exactly this date? In the input, in the calendar, in a div? The datapicker has output to semanda format (week):
$( "#datepicker" ).datepicker({ format: "mm/dd/yyyy DD", ...}), if you are already using the translation en-br, probably it will interpret this.– Ivan Ferrer