Rails 3嵌套窗體 - jQuery Datepicker在「添加任務」時不會加載

我使用的是ryan bates嵌套窗體gem。 - https://github.com/ryanb/nested_form Rails 3嵌套窗體 - jQuery Datepicker在「添加任務」時不會加載

在嵌套窗體中，我有一個jQuery datepicker的文本框。

我的問題是當我「添加任務」。日期選擇器沒有響應。

僅供參考 - 在我的控制器中，我爲嵌套窗體生成3次。所有3生成的嵌套窗體，datepicker的工作。正當我添加新的或（刪除並重新添加），它不會工作。 - 我的jQuery日期選擇器的腳本是在application.js中

2012-01-02 Jack Koh

嘗試添加日期選擇行創造過之後pluging：

它看起來像這樣（函數名和類名當然會有所不同）

function addTask() 
{ 
    ...... 
    ...... 
    $("textfield-slector").datepicker(); 
}

來源

2012-01-02 11:35:53 redmoon7777

我試着用點擊查看文件 <腳本類型= 「文/ JavaScript的」> $（「。addplace」）。click（function（）{（this）.datepicker（）; }）; 它可以工作。但是在application.js中不行。點擊（功能（）{（this）.datepicker（）;） }）; }）; – 2012-01-03 04:50:31

如果您向我們展示了代碼的相關部分，情況會更好。 – redmoon7777 2012-01-03 06:39:38

把這個在您的視圖的頂部：

= javascript_include_tag 'datepicker'

來源

2012-01-04 11:36:04 snowangel

看起來老了，但我張貼大多是爲了我自己。

如果您使用ryan Bates rails casts的代碼，那麼您已經有了幫手。我沒有改變這一點。然而，我確實將coffeescript轉換爲javascript。我這樣做是因爲我得到了一個需要清除的奇怪衝突。我也做了一些補充。

重要提示：對於此實現，您必須添加一個datepicker類。

<%= f.text_field :date_started, class: "datepicker" %>

我爲這個腳本製作了一個資產javascript文件，並且它一旦需要到application.js文件中就可以在網站上運行。

$(document).ready(function() { 
    var $j = jQuery.noConflict(); 

    /* Set each input item with class of datepicker to a datepicker */ 
    $("input.datepicker").each(function(){ 
    $(this).datepicker({ 
     dateFormat: 'yy-mm-dd', 
     autoSize: true 
    }); 
    }); 

    var datepicker_update = function() { 
    return $("input.datepicker").datepicker({ 
     dateFormat: 'yy-mm-dd', 
     autoSize: true 
    }); 
    }; 

    $('form').on('click', '.remove_fields', function(event) { 
     $(this).prev('input[type=hidden]').val('1'); 
     $(this).closest('fieldset').hide(); 
     return event.preventDefault(); 
    }); 

    $('form').on('click', '.add_fields', function(event) { 
    var regexp,time; 
    time = new Date().getTime(); 
    regexp = new RegExp($(this).data('id'), 'g'); 
    $(this).before($(this).data('fields').replace(regexp, time)); 
    event.preventDefault(); 
    return datepicker_update(); 
    }); 
});

希望這有助於

感謝的帖子在Adding a date picker to a nested form field & JQuery UI datepicker within rails nested forms & Rails 3 Nested Form - jQuery Datepicker won't load when "add a task"

來源

2013-04-15 10:41:59 nevieandphil

Rails 3嵌套窗體 - jQuery Datepicker在「添加任務」時不會加載

回答

相關問題