jquery-ui datepicker with months and years menu rails

我有一個rails應用程序，我想選擇一個出生日期。我想使用jquery-ui datepicker來做這件事，但我不知道如何將它實現到我的rails應用程序中。jquery-ui datepicker with months and years menu rails

這是我想用月份和年份菜單讓選擇生日更容易的選項截圖。

http://cl.ly/image/46152b372N1b

我真的不知道從哪裏開始就在我的application.js設置此功能的文件，以及在我的視野。

現在我的看法/形式如下

<%= f.text_field :patient_dob, :id => 'datepicker' %>

這裏是我的application.js

$(function() { 
    $("#datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true 
    }); 
});

同樣，我想這是AA的jQuery UI的日期選擇器與月份和多年的選擇，使選擇生日更容易。

如果有人可以扔我一些代碼開始，我會很感激。現在，當我點擊文本字段時，沒有任何反應。

來源

2013-04-13 nulltek

請務必包括的jquery.js，jQuery的ui.js，jQuery的ui.css在你的腦袋html標記。
jQuery和jQuery-UI javascript文件應該只聲明一次。您可以通過右鍵單擊您的網頁（例如，在Chrome中）並選擇來查看源代碼。此外，在源代碼上單擊jquery.js，jquery-ui.js，jquery-ui.css和application.js鏈接，並確保您的代碼在那裏（如果您沒有找到預期的代碼，請檢查您的路徑）。
application.js文件應該聲明爲後 jquery和jquery-ui。

所以你<頭「應該是這樣的：

<head> 
    <meta [your code]> 
    <title>[your code]</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script> 
    <%= javascript_include_tag "application.js" %> 
</head>

來源

2013-04-13 12:36:02

我已將此添加到我的application.html.erb文件中。當我重新加載表單並單擊text_field時，什麼都不會發生。我檢查了該元素，它顯示： – nulltek

經過一番搜索和試驗驗證碼摸索出適合我。這似乎是我之前使用的任何一個都不是對象，或者我把它關閉了。

$(function(){ 
    $('#datepicker').datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    yearRange: '1900:2013'  
    }); 
    $('#datepicker').datepicker('option', 'dateFormat', 'yy-mm-dd'); 
});

來源

2013-04-13 17:07:16 nulltek

jquery-ui datepicker with months and years menu rails

回答

相關問題