1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61
|
<script type="text/javascript" src="librairies-js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="librairies-js/jquery-ui-1.8.6.custom.min.js"></script>
<script type="text/javascript" src="librairies-js/jquery.validate.js"></script>
<script type="text/javascript" src="librairies-js/cmxforms.js"></script>
<script type="text/javascript" src="librairies-js/jquery.metadata.js"></script>
<script type="text/javascript" src="librairies-js/jquery-ui-timepicker-addon.min.js"></script>
<script type="text/javascript">
$(function () {
$('#date_depart').datetimepicker({
//beforeShow: customRange, appel de la fonction AVANT
duration: '',
showTime: true,
time24h: true,
constrainInput: true,
formatDate: 'dd-mm-yy',
stepMinute: 5,
timeText: 'horaire',
hourText: 'heures',
minuteText: 'minutes',
hourGrid: 4,
minuteGrid: 10,
minDate: +1, maxDate: '+1Y +1M' //mindate = ajourd'hui ET maxDate = dans un an + 1 mois
});
var checkInDate = $('#date_depart');
var checkOutDate = $('#date_retour');
checkInDate.datetimepicker({ onClose: clearEndDate });
checkOutDate.datetimepicker({ beforeShow: setMinDateForEndDate });
function setMinDateForEndDate() {
var d = checkInDate.datetimepicker('getDate');
if (d) return { minDate: d }
}
function clearEndDate(dateText, inst) {
checkOutDate.val('');
}
});
</script>
</head>
<body>
<form name="form1" method="post" action="jquery-datepicker-end-date-greater-than-start-date.aspx" id="form1">
<div>
<input name="date_depart" type="text" id="date_depart" />
<input name="date_retour" type="text" id="date_retour" />
</form>
</body>
</html> |
Partager