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

最新推荐文章于 2018-03-06 18:12:13 发布

weixin_33806300

最新推荐文章于 2018-03-06 18:12:13 发布

阅读量152

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/ykai/blog/9460

版权

为什么80%的码农都做不了架构师？>>>

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()" 可能比较有用吧。

转载于:https://my.oschina.net/ykai/blog/9460