Dojo学习5 日期选择:dijit.form.DateTextbox

5. 日期选择:dijit.form.DateTextbox
推荐使用dijit.form.DateTextbox而不是dijit. _Calendar.js 因为前者已经将日期选择和文本框封装好了,而且有一些验证的功能,这个控件使用起来也很方便,用户即可以选择日期,也可以在文本框内输入日期,对于日期相差很远的情况,比如:如果要填写2000年的一个日期,手工输入就比选择的方便很多。下面给出一个使用的最简单例子:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DateTextbox</title>
<style type="text/css">
 @import "../js/dojo/resources/dojo.css";
 @import "../js/dijit/themes/tundra/tundra.css";
 .dijitInputFieldFocused{
  border:solid 2px #FFDF00;   
 }
</style>  
<script type="text/javascript"
 djConfig="parseOnLoad: true, isDebug: true"
 src="../js/dojo/dojo.js"></script>
 <script>
 dojo.require("dijit.form.DateTextbox");
 </script>
</head>

<body class="tundra">
<form name="form1">
<div id="d1" dojoType="dijit.form.DateTextbox"></div>
</form>
</body>
</html>
一个小提示:这个控件有一个事件onValueChanged="alert()" 可能比较有用吧。

你可能感兴趣的:(Dojo学习5 日期选择:dijit.form.DateTextbox)