日期选择器不在html中工作[已关闭]
此代码不起作用。我不知道我需要添加什么资源。下面是Datepicker的链接：http://jsfiddle.net/rMhVz/1030/ 我的代码在下面。我真的需要让它发挥作用。谢谢你的帮助。提前谢谢。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.7/themes/black-tie/jquery-ui.css"></link>
<link rel="stylesheet" href="/resources/demos/style.css"></link>
<style type="text/css">
.event > a {
background-color: gray !important;
background-image:none !important;
}
</style>
<script>
// hookup jquery ready function
$(document).ready(function () {
var Event = function(text, desc) {
this.text = text;
this.desc = desc;
};
var events = {};
events[new Date("07/06/2014")] = new Event("hello world test 1");
events[new Date("08/8/2014")] = new Event("hello world test 2");
events[new Date("09/26/2014")] = new Event("hello world test 3");
$("#dates").datepicker({
beforeShowDay: function(date) {
var event = events[date];
if (event) {
return [true, 'event', event.text];
}
else {
return [true, '', ''];
}
},
onSelect: function(dateText) {
var event = events[new Date(dateText)];
if (event) {
alert(event.text + "\n" + event.desc);
}
}
});
});
</script>
</head>
<body>
<div id="dates"></div>
</body>
</html>
共有3个答案
>
按以下顺序包括jQuery:jQuery-jQueryUI-jQueryUICS。
使用
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.microsoft.com/ajax/jquery.ui/1.8.7/themes/black-tie/jquery-ui.css"> </link>
为您的JS使用$（document）.ready（..），以便在加载所有DOM元素后执行所有操作。
<script>
$(document).ready(function(){
var Event = function(text, desc) {
this.text = text;
this.desc = desc;
};
var events = {};
events[new Date("07/06/2014")] = new Event("hello world test 1");
events[new Date("08/8/2014")] = new Event("hello world test 2");
events[new Date("09/26/2014")] = new Event("hello world test 3");
$("#dates").datepicker({
beforeShowDay: function(date) {
var event = events[date];
if (event) {
return [true, 'event', event.text];
}
else {
return [true, '', ''];
}
},
onSelect: function(dateText) {
var event = events[new Date(dateText)];
if (event) {
alert(event.text + "\n" + event.desc);
}
}
});
});
</script>
您没有包括jQuery。在任何其他js或jquery文件之前包含它，您应该会很好。
事实上，我不认为脚本加载顺序是唯一的问题。您使用的jQuery和jQuery UI版本不兼容。您的代码在调用$.browser.msie.$时中断。在jQuery 1.9中删除了浏览器。
jquery.ui中的错误源：
html += buttonPanel + ($.browser.msie && parseInt($.browser.version,10) < 7 && !inst.inline ? '<iframe src="javascript:false;" class="ui-datepicker-cover" frameborder="0"></iframe>' : '');
尝试使用与jQuery 1.9兼容的最新版本的jQuery UI。
请参阅未捕获的TypeError:无法读取未定义的-jQuery工具的属性“msie”。
编辑：为了澄清，您的脚本包括
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.1/jquery-ui.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.9.1/themes/black-tie/jquery-ui.css"></link>
考虑使用jQuery 1.91，但是它看起来很好用1.9.
-
我试图在表中使用日期选取器添加和删除行。默认情况下，日期选取器不起作用。但是我点击了添加行按钮，它已经工作了。我找不到解决方案。 请参考小提琴位置。
-
我已经记录了用于从日期选择器中选择日期的selenium代码。在运行测试用例时，日期选择器会弹出并正确突出显示所选日期。但是没有选择日期。代码如下所示：- 此异常仅出现在记录的代码中。我使用的是selenium-server-standalone-2 . 45 . 0 jar。
-
HTML与它的外观截图一起粘贴，如下所示。 HTML: 我曾经试过 甚至试图等待命令以使定位器被找到但没有成功。 WebDriverWait（驱动程序，100）。直到（预期条件.element可禁用）（By.css选择器 两者都不起作用，因为它无法识别元素。有人能帮我吗。如果可能，我们甚至可以单击“上一个”和“下一个”，以便我们也可以单击一些以前的日期吗？
-
我正在尝试添加一个带有日期范围筛选器的服务器端datatable实现。筛选器不筛选任何数据。我不知道它坏在哪里。需要你帮我弄清楚我错在哪里。 这是剧本。 这是Html
-
本文向大家介绍Android 日期选择器，包括了Android 日期选择器的使用技巧和注意事项，需要的朋友参考一下 示例 DatePicker允许用户选择日期。创建的新实例时DatePicker，我们可以设置初始日期。如果我们不设置初始日期，那么默认情况下将设置当前日期。 我们可以DatePicker使用DatePickerDialog或通过使用DatePicker小部件创建我们自己的布局来向用户
-
DatePicker 日期选择器 用于选择或输入日期 选择日 以「日」为基本单位，基础的日期选择控件 基本单位由type属性指定。快捷选项需配置picker-options对象中的shortcuts，禁用日期通过 disabledDate 设置，传入函数 <template> <div class="block"> <span class="demonstration">默认</spa