从外部文件调用jQuery datepicker

我对jQuery比较陌生，并且很难让jQuery datepicker从外部js文件中运行。

最初我创建了脚本作为一个函数，但相信通过这样做我限制了范围，它不会在函数外部访问。 我也尝试将其定义为函数（并命名函数），然后使用$(document).ready调用它。 无论如何，我无法让它发挥作用。

我的外部js脚本名为scripts.js，其内容如下：

 $( "#from" ).datepicker({ defaultDate: "+1w", changeMonth: true, changeYear: true, numberOfMonths: 2, showOn: "both", buttonImageOnly: true, buttonImage: "images/calendar.gif", dateFormat: "mm/dd/yy", altField: "#forminp1", altFormat: "yyddmm", onClose: function( selectedDate ) { $( "#to" ).datepicker( "option", "minDate", selectedDate ); } }); $( "#to" ).datepicker({ defaultDate: "+1w", changeMonth: true, changeYear: true, numberOfMonths: 2, showOn: "both", buttonImageOnly: true, buttonImage: "images/calendar.gif", dateFormat: "mm/dd/yy", altField: "#forminp2", altFormat: "yyddmm", onClose: function( selectedDate ) { $( "#from" ).datepicker( "option", "maxDate", selectedDate ); }, }); 

HTML是：

            From  to  
     

如何将jQuery代码保持在外部，但在页面加载时能够正常运行？

Answer 1

将整个文件包装在jQuery document.ready函数中。

jQuery文档准备好了

基础是你需要在页面加载时运行所需的一切都在里面

 $( document ).ready(function(){ ... }); 

或捷径

 $( function(){ ... }); 

有关详细信息，请参阅文档 。

脚本在页面底部

您也可以将放在页面底部， 标记的正上方。

这通常被认为是最佳的做事方式。