Dojo學習5 日期選擇：dijit.form.DateTextbox

時間 2019-11-06

標籤 dojo 學習日期選擇 dijit.form.datetextbox dijit form datetextbox 欄目 Dojo 简体版

原文原文鏈接

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>javascript

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

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。