- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试实现 dojo 日期。我正在尝试 example从官方网站,但它不工作。我在这里遗漏了什么吗?
<!DOCTYPE html>
<html>
<head>
<script>dojoConfig = {async: true, parseOnLoad: false}</script>
<script src="resources/js/dojo-release-1.10.0/dojo/dojo.js"></script>
<script>
require(["dojo/parser", "dijit/form/DateTextBox"]);
</script>
</head>
<body>
<div>
<label for="fromDate">From:</label>
<input data-dojo-id="myFromDate" type="text" name="fromDate" data-dojo-type="dijit/form/DateTextBox" required="true"
onChange="myToDate.constraints.min = arguments[0];"/>
<label for="toDate">To:</label>
<input data-dojo-id="myToDate" type="text" name="toDate" data-dojo-type="dijit/form/DateTextBox" required="true"
onChange="myFromDate.constraints.max = arguments[0];"/>
</div>
</body>
</html>
最佳答案
在你的代码中dojoconfig
您正在指定 parseOnload
为 false ,因此 HTML 不会被解析为 dijit
成分。
解决方案是将其设置为 true(call parser.parse())
或在 require 部分创建回调函数,如下所示:
require(["dojo/parser", "dijit/form/DateTextBox"],function(parser,data){
parser.parse();
});
然后,对于样式,您必须导入 dojo css theme并添加它的类 body
标签,在下面的代码中我使用了 [claro][2]
主题,所以我将其添加到它的类 =>
中<body class="claro">
示例 1:您可以使用 parseOnload:true
测试上面的完整示例:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dijit/themes/claro/claro.css">
<script>dojoConfig = {async: true, parseOnLoad: true}</script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<script>
require(["dojo/parser", "dijit/form/DateTextBox"]);
</script>
</head>
<body class="claro">
<div>
<label for="fromDate">From:</label>
<input data-dojo-id="myFromDate" type="text" name="fromDate" data-dojo-type="dijit/form/DateTextBox" required="true"
onChange="myToDate.constraints.min = arguments[0];"/>
<label for="toDate">To:</label>
<input data-dojo-id="myToDate" type="text" name="toDate" data-dojo-type="dijit/form/DateTextBox" required="true"
onChange="myFromDate.constraints.max = arguments[0];"/>
</div>
</body>
</html>
示例 2:通过设置 parseOnload:false
并使用回调函数 + parser.parse()
:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="//ajax.googleapis.com/ajax/libs/dojo/1.9.1/dijit/themes/claro/claro.css">
<script>dojoConfig = {async: true, parseOnLoad: false}</script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
<script>
require(["dojo/parser", "dijit/form/DateTextBox"],function(parser,data){
parser.parse();
});
</script>
</head>
<body class="claro">
<div>
<label for="fromDate">From:</label>
<input data-dojo-id="myFromDate" type="text" name="fromDate" data-dojo-type="dijit/form/DateTextBox" required="true"
onChange="myToDate.constraints.min = arguments[0];"/>
<label for="toDate">To:</label>
<input data-dojo-id="myToDate" type="text" name="toDate" data-dojo-type="dijit/form/DateTextBox" required="true"
onChange="myFromDate.constraints.max = arguments[0];"/>
</div>
</body>
</html>
就是这样。
关于javascript - Dojo DateTextBox 不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40825011/
大家好,我是 javascript 和 dojo 的新手。我正在尝试使用两个带有下拉日历的 dijit DateTextBoxes 来建立数据库查询的日期范围。我想限制可用的日期,一旦选择了开始日期或
所以基本上我有这两个 DateTextBoxes 并且我想将值从一个复制到另一个?听起来很容易,对吧?尽管如此,它不是... 我试图这样做: dojo.byId("datetextbox1").val
我正在尝试实现 dojo 日期。我正在尝试 example从官方网站,但它不工作。我在这里遗漏了什么吗? dojoConfig = {async: true, parseOnLoad:
我有一个 Dojo DateTextBox,根据要求,它还允许在日期之后添加一个时间。 一切正常。我想知道的是默认情况下 dojo 禁用了文本选择。我无法突出显示文本或将光标放在我想要的位置。它始终
关于 Dijit.Form.DateTextBox 的小问题 http://docs.dojocampus.org/dijit/form/DateTextBox 此页面包含以下内容:“还针对开发人员提
dojox.widget.Calendar 让我们可以轻松地滚动这些年。可以将其模拟/添加到 DateTextBox 小部件吗? 我更喜欢 DateTextBox,因为它提供了验证和约束。此外,一旦打
我有以下带有 dojo dojo Date 文本类型的文本字段。 dojoType="dijit.form.DateTextBox" required="true"/> 我使用以下代码来设置 diji
演示:http://3wcloud-com-provisioning-qa.appspot.com/testDijitDate 日历弹出窗口工作正常,让我选择一个新日期。但是当页面加载时,我看到日期
我想改变dijit dateTextBox的日期显示格式。 目前我的日期是这样显示的 我的声明是这样的 但我想将格式更改为我想要的任何格式,例如 2017 年 9 月 14 日或 2017 年 9
我在我的网站上使用的是 dojo 1.13.0,大多数情况下都能正常工作,但是当我尝试将 DateTextBox 添加到我的表单时,我得到了这个: 一行带有“Date Event Starts”, 一
我的表单上有一个 dijit/form/DateTextBox,我需要从中获取内部隐藏值(格式为 yyyy-MM-dd)并将其添加到 AJAX 的 URL请求。 我该怎么做呢? DateTextBox
当文本框为空时,有没有办法在 dojo DateTextBox 中突出显示(显示选定的)当前日期?我不想在文本框中显示日期(它应该保持为空),而只是为了将今天的日期显示为选定的。 我尝试为此使用 do
我创建了一个 DateTextBox,如: 当页面加载时,该字段中没有值。我希望该值默认为今天。有没有办法处理这个问题?我知道我可以使用“value”属性并将其设置在声明中,但这仅允许我在字段中放置
我在 html 文件中有一个 dojo 文本框。现在我想从文本框中以字符串格式 'yyyy-mm-dd' 检索日期。我该怎么做? dojoType="dijit.form.DateTextBox"
是否可以指定 dijit.form.DateTextBox 的显示格式? 我知道 dijit.form.DateTextBox 默认从用户的区域设置获取其日期格式,并且我知道我可以将区域设置切换为我想
我使用 DateTextBox 作为屏幕中的众多控件之一。我将它们注册在一处,然后在循环中批量设置它们的值,对每个值调用 set('value', val) 。所有控件都运行正常,只有 DateTex
我只想让日历指定我的文本框输入,而不允许在我的日历文本框中使用键盘输入数字,在 dijit.form.DateTextBox 中。有什么办法吗? 谢谢。 最佳答案 下面的代码可以用来使 DateTex
我在 jquery ui 对话框中有一个 dojo dijit datetextbox。显示在对话框后面(底层)的 datetextbox 日历。我正在使用 ie7.. 请参阅下面的代码..
我尝试使用 dojo 1.5 动态生成日历控件并将日历语言设置为西类牙语,但没有成功。我尝试使用 lang:"es-es"但没有任何运气......这是元素: "; 提前致谢!!! 最佳答案 您需要在
我有以下 Dojo dateTextBox 日期选择器: 每当我选择一个日期时,我希望相同的日期反射(reflect)在另一个文本框中: /* DOJO framework - setup
我是一名优秀的程序员,十分优秀!