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 的頭像
    Jemmy

    Jemmy Walker

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

    E-mail轉寄