2011-11-07 54 views
1

与挣扎电平变化的jQuery插件日期时间: http://plugins.jquery.com/project/datetime平变化的jQuery日期时间

我使用下面的代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
<script type="text/javascript" src="/charts/js/jquery-1.4.4.min.js"></script> 
<script type="text/javascript" src='/charts/js/jquery-ui-1.8.6.custom.min.js'></script> 
<script type="text/javascript" src="/charts/js/jquery.ui.datetime.min.js"></script> 
<link rel="Stylesheet" href="/charts/css/redmond/jquery-ui-1.8.6.custom.css" /> 
<link rel="Stylesheet" href="/charts/css/jquery.ui.datetime.css" type="text/css" /> 

<script type="text/javascript"> 
    $(function(){ 
     $('#endSelect').datetime({ value: '2011-01-01 13:00', minDate: '2011-01-01 01:00', maxDate: '2011-12-31 12:00'}); 
    }); 

    jQuery('#endSelect').change(function() { 
     alert("hi"); 
    }); 

</script> 

</head> 
    <body> 
     <input id="endSelect" class="grid-3" /> 
    </body> 
</html> 

我已经建立了试验基地在here在那里你可以测试自己的代码。

+0

“onChange”代码在哪里?换句话说,它出现在你的'

1

我测试了这一点,它似乎是工作..

jQuery('#endSelect').change(function() { 
    alert('duh'); 
}); 
+0

+1为警报msg –

+0

haha​​h给alert()函数一个全新的含义 – John

+0

是的,它不适用于我。我已经发布了完整的代码以及显示它不起作用的测试链接。任何帮助都会很棒。 – bpmccain

0

你的事件绑定的元素存在之前发生的事情。选择器不匹配任何元素,并将警报附加到这些0元素。

您需要的事件联播之后的元素在DOM发生,所有你需要做的是移动第一个jQuery的调用内部的报警功能,这意味着该代码不运行,直到火灾的onLoad:

<script type="text/javascript"> 
    $(function(){ 
     $('#endSelect').datetime({ value: '2011-01-01 13:00', minDate: '2011-01-01 01:00', maxDate: '2011-12-31 12:00'}); 
     jQuery('#endSelect').change(function() { 
      alert("hi"); 
     }); 
    }); 
</script> 
+0

刚刚尝试过,但它仍然无法正常工作。但是,.click函数确实有效,因此它与.change函数有关 – bpmccain