composant heure et date

Version imprimable

06/02/2009, 00h14
john_wili

composant heure et date
bonsoir

j'ai une petite question :
je veux avoir dans ma jsp un composant qui me permet de choisir
la date et l'heure dans un champ

j'utilise actualement "layout date"
Code:

1 2 <layout:date property="dat" key="Date limite :" endYear="2020" startYear="1999" patternKey="dd/MM/y" calendarTooltip="Choisir la date fin" ></layout:date>
mais il me permet pas de choisir l'heure
est ce que qlq'un a une idée ??

merci de me répondre
10/02/2009, 11h36
benneb

tu peux utiliser des composants en javascript comme ceux de jquery
10/02/2009, 13h55
john_wili

Est-ce que tu peux me donner plus de précision

Merci
10/02/2009, 14h20
benneb

j'utilise celui là par exemple

http://www.oakcitygraphics.com/jquer...k.cfm#download

il doit y en avoir d'autre :

http://plugins.jquery.com/

Sinon, tu as la possibilité de modifier les script de struts-layout.
En l'occurrence, il s'agit du fichier "javascript.js" dans le répertoire "config" de struts-layout.
Ci-joint un exemple (basic)

Code:

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
function printCalendar(day1, day2, day3, day4, day5, day6, day7, first, month1, month2, month3, month4, month5, month6, month7, month8, month9, month10, month11, month12, day, month, year) {
    document.write('<div id="caltitre" style="z-index:10;">');    
    document.write('<table cellpadding="0" cellspacing="0" border="0" width="267">');
    document.write('<tr><td colspan="15" class="CALENDARBORDER"><img src="' + imgsrc + 'shim.gif" width=1 height=1></td></tr>');
    document.write('<tr>');
    document.write('    <td class="CALENDARBORDER" width="1"><img src="' + imgsrc + 'shim.gif" width=1 height=20></td>');
    document.write('    <td class="CALENDARTITLE" colspan="3" align="right"><img src="' + imgsrc + 'previous.gif" onclick="cal_before(' + day + ');"></td>');
    document.write('    <td colspan=7 align="center" class="CALENDARTITLE" nowrap>');
    
    // month
    document.write('<select id="calmois" name="calmois" onchange="cal_chg(' + day + ');"><option value=0>...</option>');    
    
    // use the good day for week start.
    // store the day the week start for later.
    calweekstart = first;    
    // compute an array of the days, starting from Sunday.
    caldays = new Array(7);
    caldays[0] = day1;
    caldays[1] = day2;
    caldays[2] = day3;
    caldays[3] = day4;
    caldays[4] = day5;
    caldays[5] = day6;
    caldays[6] = day7;
    // compute an array of the days, starting at the good day.
    computedcaldays = new Array(7);
    for (i=0; i<7; i++) {        
        computedcaldays[(i+1-calweekstart+7)%7] = caldays[i];
    }
            
    for(i=1;i<=12;i++) {
        var str='<option value=' + i + '>';
        monthIndex = i-1;
        switch (monthIndex) {
            case 0: str += month1; break;
            case 1: str += month2; break;
            case 2: str += month3; break;
            case 3: str += month4; break;
            case 4: str += month5; break;
            case 5: str += month6; break;
            case 6: str += month7; break;
            case 7: str += month8; break;
            case 8: str += month9; break;
            case 9: str += month10; break;
            case 10: str += month11; break;
            case 11: str += month12; break;
        }
        document.write(str);
    }    

    document.write('</select>');
    
    // year
    document.write('<select id="calyear" name="calyear" onchange="cal_chg('+ day + ');">');    
    document.write("</select>");
    
    document.write('    </td>');
    document.write('    <td class="CALENDARTITLE" align="left" colspan="3"><img src="' + imgsrc + 'next.gif" onclick="cal_after(' + day + ');">&nbsp;&nbsp;<img src="' + imgsrc + 'close.gif" onclick="hideCalendar()"></td>');
    document.write('    <td class="CALENDARBORDER" width=1><img src="' + imgsrc + 'shim.gif" width="1" height="1"></td>');
    document.write('</tr>');
    
    document.write('<tr id="caltimeline"><td colspan=15 class="CALENDARBORDER"><font style="color:#ffffff;font-size:8pt;padding-left:10px">Choix d\'une heure</font> <input id="caltime" type="text" style="text-align:center" size="8" maxlength="8" onkeypress="return timeKeysAllowed(event)"/> <font style="color:#ffffff;font-size:8pt">(hh:mm:ss)</font></td></tr>');

    document.write('<tr><td colspan=15 class="CALENDARBORDER"><img src="' + imgsrc + 'shim.gif" width=1 height=1></td></tr>');
    document.write('<tr>');
    document.write('    <td class="CALENDARBORDER" width="1"><img src="' + imgsrc + 'shim.gif" width=1 height=1></td>');
    document.write('    <td class="CALENDRIER" width="38">' + computedcaldays[0] + '</td>');
    document.write('    <td class="CALENDRIER" width="1"><img src="' + imgsrc + 'shim.gif" width=1 height=1></td>');
    document.write('    <td class="CALENDRIER" width="38">' + computedcaldays[1] + '</td>');
    document.write('    <td class="CALENDRIER" width="1"><img src="' + imgsrc + 'shim.gif" width=1 height=1></td>');
    document.write('    <td class="CALENDRIER" width="38">' + computedcaldays[2] + '</td>');
    document.write('    <td class="CALENDRIER" width="1"><img src="' + imgsrc + 'shim.gif" width=1 height=1></td>');
    document.write('    <td class="CALENDRIER" width="38">' + computedcaldays[3] + '</td>');
    document.write('    <td class="CALENDRIER" width="1"><img src="' + imgsrc + 'shim.gif" width=1 height=1></td>');
    document.write('    <td class="CALENDRIER" width="38">' + computedcaldays[4] + '</td>');
    document.write('    <td class="CALENDRIER" width="1"><img src="' + imgsrc + 'shim.gif" width=1 height=1></td>');
    document.write('    <td class="CALENDRIER" width="38">' + computedcaldays[5] + '</td>');
    document.write('    <td class="CALENDRIER" width="1"><img src="' + imgsrc + 'shim.gif" width=1 height=1></td>');
    document.write('    <td class="CALENDRIER" width="38">' + computedcaldays[6] + '</td>');
    document.write('    <td class="CALENDARBORDER" width="1"><img src="' + imgsrc + 'shim.gif" width=1 height=1></td>');
    document.write('</tr>');
    document.write('<tr><td colspan=15 class="CALENDARBORDER"><img src="' + imgsrc + 'shim.gif" width=1 height=1></td></tr>');
    document.write('</table>');
    document.write('</div>');
    document.write('<div id="caljour" style="z-index:10;"></div>');    
}

/**
 * Show the calendar
 */
function showCalendar(year, month, day, pattern, formName, formProperty, event, startYear, endYear) 
{
    try
    {
        if (document.forms[formName].elements[formProperty].disabled) 
        {
            return;
        }
    }
    catch (e)
    {
        
    }
    
    if (startYear!=null) {
        var calyear = document.getElementById("calyear");
        for (i = startYear; i <= endYear; i++) {            
            calyear.options[i - startYear] = new Option(i,i);
        }
        calyear.options.length = endYear - startYear + 1;
        if ( startYear == endYear ) calyear.style.display="none";
    }

    if(document.all) {
        // IE.
        var ofy=document.body.scrollTop;
        var ofx=document.body.scrollLeft;
        document.all.slcalcod.style.left = event.clientX+ofx+10;
        document.all.slcalcod.style.top = event.clientY+ofy+10;
        document.all.slcalcod.style.visibility="visible";
        document.all.calmois.selectedIndex= month;
    } else if(document.layers) {
        // Netspace 4
        document.slcalcod.left = e.pageX+10;
        document.slcalcod.top = e.pageY+10;
        document.slcalcod.visibility="visible";
        document.slcalcod.document.caltitre.document.forms[0].calmois.selectedIndex=month;
    } else {
        // Mozilla
        var calendrier = document.getElementById("slcalcod");
        var ofy=document.body.scrollTop;
        var ofx=document.body.scrollLeft;
        calendrier.style.left = event.clientX+ofx+10;
        calendrier.style.top = event.clientY+ofy+10;
        calendrier.style.visibility="visible";
        document.getElementById("calmois").selectedIndex=month;
    }
    
    if (document.forms[formName].elements[formProperty].stlayout) 
    {
        var lc_day = document.forms[formName].elements[formProperty].stlayout.day;
        var lc_month = document.forms[formName].elements[formProperty].stlayout.month;
        var lc_year = parseInt(document.forms[formName].elements[formProperty].stlayout.year);
        
        cal_chg(lc_day, lc_month, lc_year);
    } else {
        cal_chg(day, month, year);    
    }
    
    // Traitement de la partie heure
    // =============================
    try
    {
        var field = document.forms[formName].elements[formProperty];
        var dateTimeValue = field.value;
        if ( field.size > 10 )
        {
            if ( dateTimeValue != null )
            {
                var dt = dateTimeValue.split(" ");
                if ( dt.length > 1 )
                {
                    document.getElementById("caltime").value = dt[1];
                }
            }
        }
        else document.getElementById("caltimeline").style.display = "none";
    }
    catch (e) 
    {
        try
        {
            document.getElementById("caltimeline").style.display = "none";
        }
        catch (e) { alert(e.message); }
    }
        
    if (document.all) {
        hideElement("SELECT");
    }
    calformname = formName;
    calformelement = formProperty;
    calpattern = pattern;
}

function formatDate(day, month, year) 
{
    var date = "";
    var pos = 0;
    var pattern;
    var previousPattern;
    var patternLength = 0;
    if (calpattern!=null && calpattern.length>0) {        
        previousPattern = calpattern.charAt(0);
        while (pos <= calpattern.length) {
            if (pos < calpattern.length) {
                pattern = calpattern.charAt(pos);
            }  else {
                pattern = "";
            }
            if (pattern != previousPattern) {            
                switch (previousPattern) {
                    case 'y':
                        date += padYear(year, patternLength);                
                        break;
                    case 'M':
                        date += padNumber(month, patternLength);
                        break;
                    case 'd':
                        date += padNumber(day, patternLength);
                        break;
                    case '\'':
                        // PENDING
                        break;
                    default:
                        date += previousPattern;
                }
                previousPattern = pattern;
                patternLength = 0;
            }
            patternLength++;
            pos++;
        }
    }

    try
    {
        var valueTime = document.getElementById("caltime").value;
        if ( valueTime.length > 0 )
        {
            valueTime += ":00:00:00";
            var h = valueTime.split(":");
            
            var msg = "";
            if ( h[0] > 23 ) msg += "Heures incorrectes";
            if ( h[1] > 59 ) msg += "Minutes incorrectes";
            if ( h[2] > 59 ) msg += "Secondes incorrectes";
            if (msg.length > 0)
            {
                alert(msg);
                return null;
            }
            date += " ";
            date += h[0];
            date += ":" + h[1];
            date += ":" + h[2];
        }
    }
    catch (e)
    {
    }
    return date;
}

Je n'ai mis que les méthodes modifiées (en espérant n'avoir rien oublié)

Au niveau de la balise <layout:date>, la seule chose à faire est de spécifier un formateur (attribut "editType") qui tienne compte de l'heure et de mettre une longeur maximale de 19 (size="19" maxlength="19") correspondant au format dd/MM/yyyy HH:mm:ss

A+

10/02/2009, 17h19
john_wili

merci "OButterlin " pour la réponse mais je mis quoi dans "attribut "editType"
??

Et bien, ça dépend de ton paramétrage...
Ton formulaire (ActionForm) utilise des propriétés (1) java.util.Date ou (2) String ?

Pour le cas (1)

Il faut regarder dans le fichier Struts-Layout.properties la valeur affectée à "formatter.class", par défaut, il y a "fr.improve.struts.taglib.layout.formatter.DateFormatter" mais je te conseille d'en écrire un à toi (ci-joint un exemple)

Code:

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
 
package com.clemessy.struts;
 
import java.math.BigDecimal;
import java.sql.Timestamp;
import java.text.DecimalFormat;
import java.text.SimpleDateFormat;
import java.util.Date;
import java.util.Locale;
import javax.servlet.jsp.PageContext;
import org.apache.struts.Globals;
import fr.improve.struts.taglib.layout.formatter.DispatchFormatter;
 
public class LocalFormatter extends DispatchFormatter
{
    // Formatage d'une date
    // ====================
    public String date(Object value, PageContext context)
    {
        if ( value == null ) return "";
 
        Date _value = (Date)value;
        String format = "dd/MM/yyyy";
        Locale locale = findLocale(context);
        if ( locale.getCountry().equals("US") ) format = "dd/MM/yyyy";
        SimpleDateFormat sdf = new SimpleDateFormat(format);
        return sdf.format(_value);
    }
 
    public String dateTime (Object value, PageContext context)
    {
        if ( value == null ) return "";
 
        Date _value = null;
        if ( value instanceof Timestamp ) _value = new Date(((Timestamp)value).getTime());
        if ( value instanceof Date ) _value = (Date)value;
 
        SimpleDateFormat sdf = new SimpleDateFormat("dd/MM/yyyy HH:mm:ss");
        return sdf.format( _value );
    }
 
    public String dateTime14 (Object value, PageContext context)
    {
        if ( value == null ) return "";
 
        Date _value = null;
        if ( value instanceof Timestamp ) _value = new Date(((Timestamp)value).getTime());
        if ( value instanceof Date ) _value = (Date)value;
 
        SimpleDateFormat sdf = new SimpleDateFormat("dd/MM/yy HH:mm");
        return sdf.format( _value );
    }
 
    // Formatage d'une heure
    // =====================
    public String time5(Object value, PageContext context)
    {
        if ( value == null ) return "";
 
        Date _value = (Date)value;
        SimpleDateFormat sdf = new SimpleDateFormat("HH:mm");
        return sdf.format(_value);
    }
 
    // Formatage d'une heure
    // =====================
    public String time8(Object value, PageContext context)
    {
        if ( value == null ) return "";
 
        Date _value = (Date)value;
        SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss");
        return sdf.format(_value);
    }
 
 
    // Formatage d'un entier
    // =====================
    public String integer(Object value, PageContext context)
    {
        if ( value == null ) return null;
 
        Integer _value = (Integer)value;
        DecimalFormat f = new DecimalFormat("##0");
        f.setMinimumIntegerDigits(0);
        f.setMaximumFractionDigits(0);
        return f.format(_value);
    }
 
    // Formatage d'un entier
    // =====================
    public String integerNoZero(Object value, PageContext context)
    {
        if ( value == null ) return null;
 
        Integer _value = (Integer)value;
        if ( _value.intValue() == 0 ) return "";
        DecimalFormat f = new DecimalFormat("###");
        f.setMinimumIntegerDigits(0);
        f.setMaximumFractionDigits(0);
        return f.format(_value);
    }
 
    // Formatage d'un numérique 2 décimales
    // ====================================
    public String numeric2(Object value, PageContext context)
    {
        if ( value == null ) return null;
 
        double _value = 0;
 
        if ( value instanceof BigDecimal) _value = ((BigDecimal)value).doubleValue(); 
        else if ( value instanceof Double ) _value = ((Double)value).doubleValue();
 
        DecimalFormat f = new DecimalFormat("##0.00");
        return f.format(_value);
    }
 
    protected Locale findLocale(PageContext pageContext) 
    {
        Locale lc_locale = (Locale) pageContext.findAttribute(Globals.LOCALE_KEY);
        if (lc_locale==null) 
        {
            lc_locale = pageContext.getRequest().getLocale();    
        }
        return lc_locale;
    }
}

Une fois que tu as remplacé le "formateur", tu peux utiliser le nom du format à utiliser dans l'attribut "type" ou "editType" des balises <layout>.
"type" est le formateur utilisé pour un champ non éditable
"editType" est le formateur utilisé pour un champ éditable

Dans le cas d'une date/heure, tu utiliseras le formateur "dateTime" si tu veux une représentation "yyyy/MM/dd HH:mm:ss"
ou le formateur "dateTime14" pour une représentation "yyyy/MM/dd HH:mm"

C'est clair ?

C'est pas fini ! ;)

Il faut maintenant que la conversion se fasse en retour (de String vers Date).
Pour ça, c'est un peu plus compliqué.
On passe par un plugin (dans le fichier struts-config.xml)
Ajoute (à la fin) la ligne suivante

Code:

1
2
 
 <plug-in className="com.clemessy.struts.StrutsBootstrapPlugin"  id="converter"/>

Ci-dessous, le code de cette classe

Code:

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
 
package com.clemessy.struts;
 
import javax.servlet.ServletException;
import org.apache.commons.beanutils.ConvertUtils;
import org.apache.struts.action.ActionServlet;
import org.apache.struts.action.PlugIn;
import org.apache.struts.config.ModuleConfig;
 
public class StrutsBootstrapPlugin implements PlugIn
{
 
    public void destroy()
    {
    }
 
    public void init(ActionServlet arg0, ModuleConfig arg1)    throws ServletException
    {
        ConvertUtils.register( new ConverterDate(), java.util.Date.class);
        ConvertUtils.register( new ConverterTimestamp(), java.sql.Timestamp.class);
        ConvertUtils.register( new ConverterTime(), java.sql.Time.class);
        ConvertUtils.register( new ConverterFloat(), java.lang.Float.class);
        ConvertUtils.register( new ConverterDouble(), java.lang.Double.class);
        ConvertUtils.register( new ConverterInteger(), java.lang.Integer.class);
    }
 
}

Et enfin, les convertisseurs...

Code:

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
 
package com.clemessy.struts;
 
import java.text.SimpleDateFormat;
import java.util.Date;
 
import org.apache.commons.beanutils.ConversionException;
import org.apache.commons.beanutils.Converter;
 
public class ConverterDate implements Converter
{
    public Object convert(Class type, Object value) throws ConversionException
    {
        if (value == null) return null;
 
        if (value instanceof Date) return value;
 
        String _value = ((String)value).trim();
        if ( _value.length() == 0 ) return null;
 
        SimpleDateFormat sdf = null;
 
        if ( _value.length() > 14 ) sdf = new SimpleDateFormat("dd/MM/yyyy HH:mm:ss");
        else if ( _value.length() > 10 && _value.length() <= 14 ) sdf = new SimpleDateFormat("dd/MM/yy HH:mm");
        else if ( _value.length() >= 8 && _value.length() <= 10 ) sdf = new SimpleDateFormat("dd/MM/yyyy");
        else if ( _value.length() >= 7 && _value.length() <= 8 ) sdf = new SimpleDateFormat("dd/MM/yy");
        else if ( _value.length() > 0 && _value.length() <= 5 )
        {
            if (_value.indexOf("/") != -1) sdf = new SimpleDateFormat("dd/MM");
            else sdf = new SimpleDateFormat("HH:mm");
        }
 
 
        try
        {
            sdf.setLenient(false);
            Date dt = sdf.parse((String)value);
            return dt; 
        }
        catch (Throwable t) 
        {
            throw new ConversionException("Erreur de conversion de " + value + " en date.<br>L'ancienne valeur a été restaurée");
        }
    }
}

Code:

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
 
package com.clemessy.struts;
 
import java.text.DecimalFormat;
 
import org.apache.commons.beanutils.ConversionException;
import org.apache.commons.beanutils.Converter;
 
public class ConverterDouble implements Converter
{
    public Object convert(Class type, Object value) throws ConversionException
    {
        if (value == null) return null;
 
        if (value instanceof Double) return value;
 
        try
        {
            String _value = value.toString();
            _value = _value.replaceAll(" ", "");
            if (_value.length() == 0) return null;
 
            DecimalFormat df = new DecimalFormat("###.000000");
            int p = _value.indexOf(df.getDecimalFormatSymbols().getDecimalSeparator());
            /*
             * Troncature à 6 décimales (max)
             */
            if ( p != -1 && _value.length() - p > 6 ) _value = _value.substring(0, p) + df.getDecimalFormatSymbols().getDecimalSeparator() + _value.substring(p+1, p+7);
 
            Double ts = new Double(((Number)df.parse(_value)).doubleValue());
            return ts; 
        }
        catch (Throwable e)
        {
            throw new ConversionException("Erreur de conversion de " + value + " en nombre.<br>L'ancienne valeur a été restaurée");
        }
    }
}

Code:

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
 
package com.clemessy.struts;
 
import java.text.DecimalFormat;
 
import org.apache.commons.beanutils.ConversionException;
import org.apache.commons.beanutils.Converter;
 
public class ConverterFloat implements Converter
{
    public Object convert(Class type, Object value) throws ConversionException
    {
        if (value == null) return null;
 
        if (value instanceof Float) return value;
 
 
        try
        {
            String _value = value.toString();
            _value = _value.replaceAll(" ", "");
            if (_value.length() == 0) return null;
 
            DecimalFormat df = new DecimalFormat("###.00");
            Float ts = new Float(((Number)df.parse(_value)).floatValue());
            return ts; 
        }
        catch (Throwable e)
        {
            throw new ConversionException("Erreur de conversion de " + value + " en nombre.<br>L'ancienne valeur a été restaurée");
        }
    }
}

Code:

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
 
package com.clemessy.struts;
 
import java.text.DecimalFormat;
 
import org.apache.commons.beanutils.ConversionException;
import org.apache.commons.beanutils.Converter;
 
public class ConverterInteger implements Converter
{
    public Object convert(Class type, Object value) throws ConversionException
    {
        if (value == null) return null;
 
        if (value instanceof Integer) return value;
 
        try
        {
            String _value = value.toString();
            _value = _value.replaceAll(" ", "");
            if (_value.length() == 0) return null;
 
            DecimalFormat df = new DecimalFormat("###");
            Integer ts = new Integer(((Number)df.parse(_value)).intValue());
            return ts; 
        }
        catch (Throwable e)
        {
            throw new ConversionException("Erreur de conversion de " + value + " en nombre.<br>L'ancienne valeur a été restaurée");
        }
    }
}

Code:

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
 
package com.clemessy.struts;
 
import java.sql.Time;
import java.text.SimpleDateFormat;
 
import org.apache.commons.beanutils.ConversionException;
import org.apache.commons.beanutils.Converter;
 
public class ConverterTime implements Converter
{
    public Object convert(Class type, Object value) throws ConversionException
    {
        if (value == null) return null;
 
        if (value instanceof Time) return value;
 
        try
        {
            String _value = ((String)value).trim();
            if ( _value.length() == 0 ) return null;
 
            SimpleDateFormat sdf = null;
 
            if ( _value.length() >= 3 && _value.length() <= 5 ) sdf = new SimpleDateFormat("HH:mm");
            else if ( _value.length() > 5 && _value.length() <= 8 ) sdf = new SimpleDateFormat("HH:mm:ss");
            else return null;
 
            sdf.setLenient(false);
            Time ts = new Time(sdf.parse((String)value).getTime());
            return ts;                 
        }
        catch (Throwable e)
        {
            throw new ConversionException("Erreur de conversion de " + value + " en heure.<br>L'ancienne valeur a été restaurée");
        }
    }
}

Code:

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
 
package com.clemessy.struts;
 
import java.sql.Time;
import java.sql.Timestamp;
import java.text.SimpleDateFormat;
 
import org.apache.commons.beanutils.ConversionException;
import org.apache.commons.beanutils.Converter;
 
public class ConverterTimestamp implements Converter
{
    public Object convert(Class type, Object value) throws ConversionException
    {
        if (value == null) return null;
 
        if (value instanceof Timestamp) return value;
 
        try
        {
            String _value = ((String)value).trim();
            if ( _value.length() == 0 ) return null;
 
            SimpleDateFormat sdf = null;
 
            if ( _value.length() >= 3 && _value.length() <= 5 ) sdf = new SimpleDateFormat("HH:mm");
            else if ( _value.length() > 5 && _value.length() <= 8 ) sdf = new SimpleDateFormat("HH:mm:ss");
            else if ( _value.length() > 8 && _value.length() <= 16 ) sdf = new SimpleDateFormat("dd/MM/yyyy HH:mm");
            else if ( _value.length() > 16 && _value.length() <= 19 ) sdf = new SimpleDateFormat("dd/MM/yyyy HH:mm:ss");
 
            Time ts = new Time(sdf.parse((String)value).getTime());
            return ts;                 
        }
        catch (Throwable e)
        {
            throw new ConversionException("Erreur de conversion de " + value + " en date/heure.<br>L'ancienne valeur a été restaurée");
        }
    }
}

Voilà, c'est un peu long, je te laisse adapter ;)

18/02/2009, 15h32
john_wili
bonjour
je reviens sur se problème
j'ai essayé cette solution

malgré que j'ai changé la valeur affectée à "formatter.class" dans le fichier Struts-Layout.properties
Code:

1 2 3 4 5 6 # name of the formatter class # formatter.class = fr.improve.struts.taglib.layout.formatter.DateFormatter formatter.class =com.yourcompany.struts.UtilClass.LocalFormatter
et j'ai crée la class "LocalFormatter" comme indiqué mais j'ai eu l'erreur suivante :
Code:

1 2 3 Format dateTimefailed: No method corresponds to the formatter dateTime in the class fr.improve.struts.taglib.layout.formatter.DateFormatter
donc apparament il considère toujours la valeur par défaut de la class "formatter.class"

pouvez vous me dire pourquoi??
merci
18/02/2009, 16h18
OButterlin

Tu n'aurais pas modifié le fichier properties dans le jar de struts-layout ?
Souvent, il duplique la ressource (dans le jar) et donc, on reste sur l'ancien...

Tu peux mettre le fichier properties dans ton répertoire src (à la racine), de ce fait, il sera pris en compte.

A+

je l'ai fais
maintenant j'ai un autre message d'erreur

Code:

1
2
3
4
5
 
Format dateTimefailed: Invocation target exception: java.lang.NullPointerException
	at fr.improve.struts.taglib.layout.field.TextFieldTag.getFieldValue(TextFieldTag.java:54)
	at fr.improve.struts.taglib.layout.field.AbstractModeFieldTag.doStartLayoutTag(AbstractModeFieldTag.java:229)
	at fr.improve.struts.taglib.layout.LayoutTagSupport.doStartTag(LayoutTagSupport.java:34)

voici ce que j'ai déclaré dans la jsp

Code:

1
2
 
   <layout:date  property="dat_du" editType="dateTime" key="Jusqu'à la date Du :" endYear="2020" startYear="1999" patternKey="dd/MM/y" calendarTooltip="Choisir une date" ></layout:date>

????

Rajoute type="dateTime"

Code:

1
2
<layout:date property="dat_du" type="dateTime" editType="dateTime" key="Jusqu'à la date Du :" endYear="2020" startYear="1999" patternKey="dd/MM/y" calendarTooltip="Choisir une date" />

18/02/2009, 21h50
john_wili

c'est bon j'ai détecté mon erreur
la property "date" dans mon form étais de type "String" alors je l'ai changé de type "Date"
y'a pas d'erreur maintenant mais le calender que j'ai ne contient pas les heurs et les minutes y'a que les mois,les années et les jours
??
19/02/2009, 08h36
OButterlin

Citation:

Envoyé par john_wili

...mais le calender que j'ai ne contient pas les heurs et les minutes y'a que les mois,les années et les jours
??

C'est pour ça que dans mon post du 10/02/2009, 16h39 je t'avais fourni les modifications à faire dans le script :?

mais si je l'ai modifié
et dans la jsp voila ce que j'ai mis
Code:

1 2 <layout:date property="dat_du" editType="dateTime" key="Jusqu'à la date Du :" endYear="2020" startYear="1999" patternKey="dd/MM/y" calendarTooltip="Choisir une date" ></layout:date>
qu'est ce que je dois modifié ??

merci beaucoup "OButterlin"pour votre patience

19/02/2009, 09h28
OButterlin

Citation:

Envoyé par john_wili

mais si je l'ai modifié

OK, autant pour moi...

Il faut juste rajouter l'attribut size="19" (maxlength="19" tant qu'on y est) à ta balise <layout:date>
Si tu regarde bien le javascript, il teste field.size > 10 pour afficher la partie heure ;)
20/02/2009, 18h12
john_wili

désolé "OButterlin":oops:
mais ou vont intervenir les fonctions du javascript dans la balise <layout:date>

je dois pas mettre quelque part la fonction "showCalendar();"??
20/02/2009, 18h14
OButterlin

ça se fait tout seul... quand tu cliques sur l'icône à droite de la zone de saisie.
Ça ne l'affiche pas ?
20/02/2009, 18h19
john_wili

si elle s'affiche mais juste les mois et les années comme avant la modification
je vais vérifier mon script
20/02/2009, 18h31
john_wili

"calyear" votre cas c'est le nom de property que vous avez déclaré dans la balise <layout date>??
20/02/2009, 19h54
OButterlin

Nom, calyear est le nom (et l'id) de la combo de sélection de l'année dans la popup (c'est défini dans le script javascript.js)
21/02/2009, 18h25
john_wili
vous etez sur qu'il faut modifié juste les 2 fonctions:
"printCalendar()" et "showCalendar()" au niveau du fichier "javascript.js"??

car j'ai maintenant un champs vide qui s'affiche pour choisir l'heure et quand je tape des chifferes y'a une erreur en bas du navigateur
Code:

1 2 3 Ligne:902 Erreur:objet attendu
et dans la ligne 902 du fichier "javascript.js"
se trouve la fonction"cal_place()"

je ne comprend pas??

Dans la définition du champ de saisie de l'heure il y a ceci

Code:

1
2

 onkeypress="return timeKeysAllowed(event)"

Retire-le, c'est une fonction à moi... ou alors, ajoute également

Code:

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
 
//-----------------------------------------------------------------------------------------------
// Extraction du code clavier tapé
//-----------------------------------------------------------------------------------------------
function getKeyPressed(eventObj)
{
    var keyCode = document.all ? eventObj.keyCode : eventObj.which;
    return keyCode;
}
 
//-----------------------------------------------------------------------------------------------
// Caractères autorisés pour un champ heure
//-----------------------------------------------------------------------------------------------
function timeKeysAllowed(eventObj)
{
    /*
     * Caractères acceptés :
     *    [0,9] :
     */
    var keyCode = getKeyPressed(eventObj);
 
    if ( keyCode >= 48 && keyCode <= 57 ) return true;
    if ( keyCode == 58 ) return true;
    if ( keyCode < 32 ) return true;
 
    return false;
}

27/02/2009, 21h11
john_wili

ça marche maintenant mais
je saisi moi meme les heures et les minutes et quand je choisis une date
le popup se ferme et il ne prend pas les valeur saisi dans le champ date y'a que la date ??
01/03/2009, 14h42
OButterlin

Copie moi ton fichier javascript.js, je le testerai lundi...

A+

1 pièce(s) jointe(s)

voila ce que j'ai déclaré dans la jsp

Code:

1
2
 
    <layout:date size="19" maxlength="19" type="dateTime" editType="dateTime" property="dat_du"  key="Jusqu'à la date Du :" endYear="2020" startYear="1999" patternKey="dd/MM/y" calendarTooltip="Choisir une date" ></layout:date>

et voici en attachement mon fichier javascript

02/03/2009, 10h32
OButterlin

Mais il n'est pas complet ton fichier javascript.js :aie:
Je t'ai indiqué les méthodes à modifier, mais il ne faut pas remplacer le fichier javascript.js par ça !
02/03/2009, 13h27
john_wili

oui je sais j'ai pas pu le transmettre complet puisque sa taile dépasse la taille autorisé ;)

mais tu n'a pas attaché le fichier modifié :(