Geek asks and answers

Rails 3 Nested Form - jQuery Datepicker Will Not Load When "Add Task"

I am using gem. - https://github.com/ryanb/nested_form

In a nested form, I have a text box for jQuery datepicker.

My problem is when I add a task. Datpicker is not responding.

FYI - In my controller, I generate 3 times for the nested form. All 3 formed nested forms, datepicker work. Just when I add a new one or (delete and re-add) it will not work. - my jQuery datepicker script is in application.js

+1
source share
3 answers

Look, but I send mostly for myself.

Ryan Bates, . . coffeescript javascript. , , . .

: datepicker.

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

javascript script, , 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();
  });
});

,

& ; JQuery UI datepicker rails & ; Rails 3 - jQuery Datepicker , " "

+2

datepicker :

( )

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

Put this at the top of your view:

= javascript_include_tag 'datepicker'
0
source

More articles:


All Articles