Syntax error with datepicker

Question

Datepicker is working for selecting date but it is not saving it to my database. Trying several options as show in code below but it still is not working. This code give me an error. How do I properly format the f.text_field?

           <div class="form-group">
           <label class="control-label col-sm-5" for="time_stop">Job Date:</label>
           <div class="col-sm-7">
             <%= f.text_field :jobdate, :id => @appointment.jobdate, "data-provide" => 'datepicker', @appointment.jobdate, class: "form-control" %>
           </div>
           <script>
  $(function() {
    $( "#jobdate" ).datepicker();
  });
  </script>
        </div>

The error message:

/home/ubuntu/workspace/agss/app/views/appointments/_form.html.erb:95: syntax error, unexpected ',', expecting => ...epicker', @appointment.jobdate, class: "form-control" );@out... ... ^

The error message: /home/ubuntu/workspace/agss/app/views/appointments/_form.html.erb:95: syntax error, unexpected ',', expecting => ...epicker', @appointment.jobdate, class: "form-control" );@out... ... ^ — Nuanes
– Nuanes, Commented Jan 15, 2016 at 20:02

Simone Carletti · Accepted Answer · 2016-01-15 20:05:15Z

1

The order of the parameters is wrong. It should be

<%= f.text_field :jobdate, "data-provide" => 'datepicker', class: "form-control" %>

not

<%= f.text_field :jobdate, :id => @appointment.jobdate, "data-provide" => 'datepicker', @appointment.jobdate, class: "form-control" %>

Note that you can't pass a @appointment.jobdate because the value is already taken from the object coupled with the form.

Notice the f.. This is a form builder, not a standard text_field_tag helper.

answered Jan 15, 2016 at 20:05

Simone Carletti

177k50 gold badges371 silver badges370 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Nuanes Over a year ago

Ok, I made this change. My field jobdate is still not being saved to database when submitted from _form/html.erb. When I submit the form and it goes to the next display page jobdate is blank. Here is the updated code <div class="form-group"> <label class="control-label col-sm-5" for="time_stop">Job Date:</label> <div class="col-sm-7"> <%= f.text_field :jobdate, "data-provide" => 'datepicker', class: "form-control" %> </div> <script> $(function() { $( "#jobdate" ).datepicker(); }); </script> </div>

Simone Carletti Over a year ago

You have a problem in your controller then. Open a different question and post the code of your controller.

Nuanes Over a year ago

Also to note, all my other 30 some fields are being saved to the database.

Nuanes Over a year ago

I found a solution. I changed the javascript to <script> $(function() { $( "datepicker" ).datepicker(); }); </script>

Nuanes Over a year ago

Any suggestions on how I can format the date to be mm/dd/yyy? This option does not work: $('#datepicker').datepicker({ dateFormat: 'dd-mm-yy' }); The problem I have is after the date is saved and I go back to edit I is showing the date as 1901 since it is parsing 2016-01-01.

Collectives™ on Stack Overflow

Syntax error with datepicker

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related