jQuery easyui 日历控件的用法:
<script type="text/javascript" src="<%=rootPath%>/js/jquery/jquery-1.7.1.min.js"></script>
<link type="text/css" href="<%=rootPath%>/js/jquery/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
<script type="text/javascript" src="<%=rootPath%>/js/jquery/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" src="${rootPath}/js/jquery/jquery-ui-timepicker-addon.js"></script>
<link type="text/css" href="${rootPath}/js/jquery/css/jquery-ui-timepicker-addon.css" rel="stylesheet" />
<script type="text/javascript" src="${rootPath}/js/jquery/jquery.ui.datepicker-zh-CN.js"></script>
$(function(){
$("#graduateTime").datepicker({
changeYear: true, // 年下拉菜单
changeMonth: true, // 月下拉菜单
showButtonPanel: true, // 显示按钮面板
});
});
<input type="text" name="graduateTime" readonly id="graduateTime" size="20"/>*
<script type="text/javascript" src="<%=rootPath%>/js/jquery/jquery-1.7.1.min.js"></script>
<link type="text/css" href="<%=rootPath%>/js/jquery/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" />
<script type="text/javascript" src="<%=rootPath%>/js/jquery/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" src="${rootPath}/js/jquery/jquery-ui-timepicker-addon.js"></script>
<link type="text/css" href="${rootPath}/js/jquery/css/jquery-ui-timepicker-addon.css" rel="stylesheet" />
<script type="text/javascript" src="${rootPath}/js/jquery/jquery.ui.datepicker-zh-CN.js"></script>
$(function(){
$("#graduateTime").datepicker({
changeYear: true, // 年下拉菜单
changeMonth: true, // 月下拉菜单
showButtonPanel: true, // 显示按钮面板
});
});
<input type="text" name="graduateTime" readonly id="graduateTime" size="20"/>*