<%@ page contentType="text/html;charset=GBK"%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" href="css/cfs.css" type="text/css">
<title>新增消费记录</title>
<script language="JavaScript" src="script/calendar_1.js"></script>
</head>
<br/>
<br/>
<form name="form1" method="post">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="form_text"> <strong>增加新的记录</strong></td>
</tr>
<tr>
<td align="center" valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="40" align="center">
<table width="100%" border="0" class="table_1">
<tr>
<td width="11%" class="td_3">
<div align="right">日期</div>
</td>
<td width="11%" class="td_3">
<input type="text" name="startDate" id="startDate" size="12" style="width:120">
<img src="image/calen_pic.gif" width="19" height="14" border="0" id="f_trigger_a" style="cursor: pointer;" title="日期选择" />
<script type="text/javascript">
Calendar.setup({
inputField : "startDate", // 日期输入框id
ifFormat : "%Y-%m-%d", // 日期时间格式
showsTime : false, // 是否显示时间选择器
button : "f_trigger_a", // 触发按钮id
singleClick : true, // 单击还是双击模式
step : 1 // 年份间隔
});
</script>
</td>
</tr>
<tr>
<td width="11%" class="td_3">
<div align="right">种类</div>
</td>
<td width="11%" class="td_3">
<select name="kind">
<option>衣物</option>
<option>交通</option>
<option>餐费</option>
<option>通讯</option>
<option>住宿</option>
<option>其他</option>
</select>
</td>
</tr>
<tr>
<td width="11%" class="td_3">
<div align="right">金额</div>
</td>
<td width="11%" class="td_3">
<input type="text" name="balance" >
</td>
</tr>
<tr>
<td width="11%" class="td_3">
<div align="right">详细描述</div>
</td>
<td width="11%" class="td_3">
<textarea name="description" ></textarea>
</td>
</tr>
<tr align="center">
<td colspan="2" class="td_3"><input type="button" value="确定"
class="button1"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</form>