當前位置:編程學習大全網 - 源碼下載 - 求jQuery UI Datepicker控件使用方法

求jQuery UI Datepicker控件使用方法

jsp頁面日期彈出框:(easyUI)

寫入class:class="easyui-datebox"

引入:<script type="text/javascript"

src="${contextPath}/_js/jqezui/local/easyui-lang-zh_CN.js"></script>

Datebos.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>jQuery EasyUI</title>

<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="../themes/icon.css">

<script type="text/javascript" src="../jquery-1.4.2.min.js"></script>

<script type="text/javascript" src="../jquery.easyui.min.js"></script>

<script>

function disable(){

$('#dd').datebox('disable');

}

function enable(){

$('#dd').datebox('enable');

}

</script>

</head>

<body>

<h1>DateBox</h1>

<div style="margin-bottom:10px;">

<a href="#" onclick="disable()">disable</a>

<a href="#" onclick="enable()">enable</a>

</div>

<input id="dd" class="easyui-datebox" required="true"></input>

</body>

</html>

妳下載的文件中應該有壹個demo文件夾,裏面修改上面這個html成這樣既可(註意將要操作的元素的class變為easyui-datebox)!

  • 上一篇:關於幾個財務指標的計算方法
  • 下一篇:做盒飯菜譜大全
  • copyright 2024編程學習大全網