Struts1的Tag library轉成html,只有name,沒有id,因此jQuery很難用id selector去過篩。比如想在<html:text>標籤加個日曆小工具,得用name selector去篩選,在JSP設置jQuery的DatePicker的plugin如下:

<script type="text/javascript" src="js/jquery/date.js"></script>
<script type="text/javascript" src="js/jquery/jquery.datePicker.js"></script>
<script type="text/javascript">
$(function() {
    Date.format = 'yyyy-mm-dd';
    $('td input[name$="_date"]').datePicker({startDate:'1996-01-01'});
});
</script>

  影響所及,便是<td>後的,name屬性是以_date後綴的<input>標籤皆被附上DatePicker這個日曆小工具。只是還有個缺點就是萬一是java.util.Date型態,那麼初次顯示是連時分秒都顯示,可以在form load時再用jQuery把時分秒點掉:

$('td input[name$="_date"]').each(function() {
    if ($(this).val().length > 10) {
        $(this).attr('value', $(this).val().substring(0, 10));
    }
});

  form load即上述$(function() {…form load內容…});

arrow
arrow
    全站熱搜

    Jemmy 發表在 痞客邦 留言(0) 人氣()