2011-08-03 54 views
2

我对JavaScript和jQuery不太熟悉,所以我需要一些帮助。在我的应用程序中,我实现了一个DatePicker日历,通过外部js加载,并且它工作得很好。我想实现一个可以捕获日期的jQuery按钮,即:8月3日,并获取维基百科页面www.wikipedia.org/August_3。我也希望将此页面上传到下面的iframe。我怎么能在jQuery中做到这一点?这里分别是html和js的简化版本。将外部网页提取到iframe

<head> 
    <script src=".../jquery.ui.button.js" type="text/javascript"> 
    <script src=".../jquery.ui.datepicker.js" type="text/javascript"> 
</head> 
<body> 
    <script src="/.../myscript.js" type="text/javascript"> 
    <div class="demo"> 
     <p>Date: <input id="datepicker" type="text"></p> 
    </div> 
    <script> 
    $(document).ready(function() 
    { 
      $("#datepicker").datepicker(); 
    }); 
    </script> 
+0

请正确格式化您的文章,添加代码标签,删除非重要的非打印字符。 – marto

+1

1.学习JS。尝试实施它。 3.遇到特定问题时询问具体问题。 – Quentin

+3

这不仅仅是一个问题,而是一个问题。您请求某人为您构建所有功能。试试这个[peopleperhour.com](http://www.peopleperhour.com/)。但严重的是,你说你是jQuery的新手,尝试自己做这件事并学习,这对未来会有好处 – Alex

回答

7

我宁愿一个小白的JavaScript和jQuery,所以我需要一些帮助。

入门

Mozilla JavaScript Guide

jQuery DOCs

jQuery tutorials

高级

Mozilla JavaScript DOCs

ECMA 5 DOCs

Douglas Crockford JavaScript

JavaScript best practices

Quirks Mode

书籍

Recommended JavaScript books

工具

JS Lint检查坏编写的代码

JS Fiddle来试试你的代码脚本或一块

逃避!

jQuery pitfalls to avoid

W3Schools的检查http://w3fools.com/

个人建议

记住jQuery是用JavaScript编写的图书馆,一切jQuery也可以用普通的JavaScript实现。使用像jQuery这样的库是一件好事,因为它可以确保跨浏览器兼容性,拥有大型社区,需要编写更少的代码,等等......但请不要滥用它。您可以使用JavaScript完成简单的任务,避免无用的函数调用和缓慢的脚本。

1

我该如何做到这一点在jQuery中?

事情是这样的:

$(document).ready(function() 
{ 
    $("#datepicker").datepicker() 
     .bind(
      'dateSelected', 
      function(e, selectedDate, $td) 
      { 
       Date.format = 'yyyymmdd'; 
       var dateStr = selectedDate.asString(); 
       $('#myIframe').attr('src', 'http://www.wikipedia.com/' + dateStr); 
      } 
    ); 
}); 

阅读上的DatePicker docsthis

+0

谢谢mate,l帮助了很多 – user823148