Validation input

19 déc. 2013, 22:35

Bonsoir,

Savez vous comment mettre comme heure par défaut 10h00 et faire en sorte que mon input se valide après avoir sélectionné la date et l'heure...?
La validation se fait des que l'on clique sur le bouton fermer du datepicker.

Merci beaucoup

<script type="text/javascript" src="js/jquery-1.7.js"></script>
<link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />      
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript" src="js/timepicker.js"></script>

<script type="text/javascript">
$(function() {
    $('#datepicker1').datepicker({
        duration: '',
        showTime: true,
        constrainInput: false
     });
});
</script>

20 déc. 2013, 10:38

C'est posible en javascript, je l'ai fait.
Un exemple, car je n'ai pas ole courage d chercher mon code:
http://www.javascript-coder.com/javascr ... bmit.phtml

20 déc. 2013, 11:24

Ok merci.
Je n'ai pas trop compris le lien..., il ne valide pas automatique le input ...? il faut faire l'action de...
Idem pour que l'heure démarre à 10h00

Merci

20 déc. 2013, 12:15

salut, prenons les choses dans l'ordre
premièrement, pour valider automatiquement un formulaire quand l'utilisateur choisit une date sur le datepicker il suffit de faire un submit sur l’événement onSelect
je t'ai fait un exemple simple en 2 pages

page1.php

<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>jQuery UI Datepicker - Default functionality</title>
	
		<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
		<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
		<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
		<link rel="stylesheet" href="/resources/demos/style.css">
		
		<script>
		  $(function() {
		    $( "#datepicker" ).datepicker({
		      onSelect : function(){
		      $('#my_form').submit();   
		      }
		    });
		  });
		</script>
	</head>
	
	<body>
		<form method="post" action="page2.php" id="my_form">
		<p>Date: <input type="text" id="datepicker" name="madate"></p>
		<input type="submit" value="OK" />
		</form>
	</body>
</html>

page2.php

<?php 	$date_choisie = $_POST["madate"]; ?>

<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>page2</title>
	</head>
	<body>		
		<p>Date choisie: <?php echo $date_choisie ?></p>
	</body>
</html>

<html>

20 déc. 2013, 13:02

En ce qui concerne l'heure par défaut à 10 heures, tu rajoutes juste une ligne

[javascript]
<script type="text/javascript">
$(function() {
$('#datepicker1').datepicker({
duration: '',
showTime: true,
constrainInput: false
});
});
</script>

<script type="text/javascript">
$(function() {
$('#datepicker1').datepicker({
duration: '',
showTime: true,
constrainInput: false,
hour: 10
});
});
</script>[/javascript]

20 déc. 2013, 15:09

Non malheureusement cela ne fonctionne pas... j'avais déjà testé ça

22 déc. 2013, 21:13

Personne ne sait?

23 déc. 2013, 22:22

Montres nous ce que tu as testé.

30 déc. 2013, 16:26

J'ai fait exactement ça :

<script type="text/javascript">
$(function() {
    $('#datepicker1').datepicker({
        duration: '',
        showTime: true,
        constrainInput: false
     });
});
</script>

<script type="text/javascript">
$(function() {
    $('#datepicker1').datepicker({
        duration: '',
        showTime: true,
        constrainInput: false,
        hour: 10
     });
});
</script>

Mais l'heure ne se met pas par défaut à 10h00

Validation input

Qui est en ligne