日曆按鈕

<%@page contentType="text/html; charset=big5" language="java" errorPage=""%>

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/hot-sneaks/jquery-ui.css" rel="stylesheet">

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>

<style> article,aside,figure,figcaption,footer,header,hgroup,menu,nav,section {display:block;} body {font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;} </style>

<script language="JavaScript">

var opt = {

dayNames: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],

dayNamesMin: ["日", "一", "二", "三", "四", "五", "六"],

monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],

monthNamesShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],

prevText: "上月",

nextText: "次月",

weekHeader: "週",

showMonthAfterYear: true,

dateFormat: "yy-mm-dd"};

$(document).ready(function () {

$("#start").datepicker(opt);

});

$(document).ready(function () {

$("#end").datepicker(opt);

});

</script>