Bonjour


je suis débutant.

j'aimerais avoir 2 champs de calendrier.

le 1er champs est la date de départ.
le second champ est la date de retour qui est "date de départ + 7 jours) (une semaine)

(mon programme a 2 possibilité: 1: 1 semaine
2: weekend) (mais cela c'est pour plus tard)


donc j'aimerais pouvoir afficher sur mon 2em champ ("from") la date de retour. (je ne sait vraiment pas comment faire..)

voici mon code

Code : Sélectionner tout - Visualiser dans une fenêtre à part
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
 
 
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="${pageContext.servletContext.contextPath}"/>
<!DOCTYPE html>
<html>
    <head>
 
        <title>JSP Page</title>       
 
        <script type="text/javascript" src="${contextPath}/scripts/jquery-1.8.3.js"></script>
        <script type="text/javascript" src="${contextPath}/scripts/jquery-ui-1.9.2.custom.min.js"></script>
 
        <link rel="stylesheet" href="${contextPath}/scripts/css/smoothness/jquery-ui-1.9.2.custom.min.css"/>
 
        <script>   
 
            $(document).ready(function(){   
 
                $("#to").datepicker({
                    showOn: "button", 
                       buttonImage: "${contextPath}/scripts/css/smoothness/images/calendar.gif",            
                    buttonImageOnly: true ,  
                    dateFormat: 'dd-mm-yy',
                    minDate : 0,
                    maxDate : '+1y',
 
                    beforeShowDay: function(date) { 
                        return [(date.getDay() == 1  )];
                        } ,
 
                    onClose: function(){
                        alert($(this).datepicker("getDate"));
                    }
                }); 
 
            })
 
        </script>
    </head>
    <body>
 
        <h1>RESERVATION</h1>
 
        <p>to</p>
        <div>
            <input type="text"  id="to"  />
        </div>
        <p>from</p>
        <div>
            <input type="text" id="from"   />
        </div>
 
    </body>
</html>
Merci