JQuery - DatePicker无法在弹出窗体中工作

时间:2012-03-05 08:08:30

标签: jquery-ui-datepicker

DatePicker不能以弹出形式工作,我可能做错了什么?

表单采用.php格式,由以下javascript函数触发:


function popitup_request(url,ar){
var f = document.forms [0];
如果(AR == “”){
警告(“请至少选择一条记录。”);
返回false;
}
newwindow = window.open(url,'name','toolbar = 0,location = 0,directories = 0,status = 1,menubar = 0,scrollbars = 1,resizable = 0,
宽度= 570,高度= 280' );
if(window.focus){
newwindow.focus()
}
newwindow.moveTo(screen.availWidth / 2-(2分之500),screen.availHeight / 2-(300/2));
}


表单加载但是当你点击图标触发器时没有任何反应。 我已在main.php和popup.php上测试过包含 jquery-1.7.1.js

1 个答案:

答案 0 :(得分:1)

我假设您将Datepicker小部件绑定到主视图中的表单元素。由于弹出窗口稍后加载(在popitup_request上),该窗体上的日期字段将不会绑定到datepicker。

在主视图中仅包含一次datepicker js和css。在弹出窗体的底部添加一个小的javascript,类似于

<script type="text/javascript">
   $("input.date").datepicker();
</script>

顺便说一句,您的代码并未以多种方式反映最佳实践(基于像素的布局,幻数,混合原生Javascript和jQuery,尽管不需要)。我建议你通过Javascript和jQuery教程来查看使用Javascript增强网页的建议模式和好例子。