_form.html.erb

<%= stylesheet_link_tag    'bootstrap-datepicker' %>
<%= javascript_include_tag 'bootstrap-datepicker' %>
<%= bootstrap_form_for([@camper, @order], label_errors: true, inline_errors: false) do |f| %>

    <div class="row"><!-- Date Fields Start -->

        <div class="col-md-4"><%= f.text_field :title, label: "Work Order Name" %></div>
        <div class="col-md-4"><%= f.text_field :dateIn, label: "Date In", class: "datepicker" %></div>
        <div class="col-md-4"><%= f.text_field :dateOut, label: "Date Out", class: "datepicker" %></div>
    </div><!-- Date Fields End -->

    <div class="row">
        <div class="col-md-4"><%= f.collection_select :customer_id, Customer.all.reverse_order, :id, :fullName, class: "form-control", label: "Customer Name", :include_blank => 'Select Customer' %></div>
        <div class="col-md-4"><%= f.collection_select :camper_id, Camper.all.reverse_order, :id, :camperName, class: "form-control", label: "Camper", :include_blank => 'Select Camper' %></div>
        <div class="col-md-4"><%= f.text_field :invoiceNumber, label: "Invoice Number" %></div>
    </div>
    <div class="row"><!-- More Info Start -->
        <div class="col-md-4">
           <%= f.text_field :user_id, :value => current_user.fullName, class: "form-control", label: "Service Writer", :include_blank => "Choose" %>
        </div>
        <div class="col-md-4">
            <%= f.text_field :user_id, :value => current_user.fullName, class: "form-control", label: "Authorized By:", :include_blank => "Choose" %>
        </div>
        <div class="col-md-4">
            <%= f.select :technician, options_for_select(technicians, :selected => @order.technician), :include_blank => 'Choose Technician', class: 'form-control' %>
        </div>

    </div> <!-- More Info End -->
<hr>
    <div class="row"><!-- Detailed Info Start-->
        <div class="col-md-6"><%= f.text_area :complaint, label: "Complaint" %></div>
        <div class="col-md-6"><%= f.text_area :correction, label: "Correction" %></div>
    </div><!-- Detailed Info End-->

    <div class="row">
        <div class="col-md-6"><%= f.select :status, options_for_select(status, :selected => @order.status), class: 'form-control' %></div>
        <div class="col-md-12"><%= f.text_area :notes, label: "Notes", class: "form-control" %></div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <%= link_to 'Back', camper_orders_path, class: 'btn btn-default' %>
            <%= f.submit "Create Work Order", class: "btn btn-success" %>
            <%= link_to 'Show Work Order', camper_order_path(@camper), class: 'btn btn-primary' %>
            <%= link_to 'Delete Work Order', camper_order_path([@camper, @order]), method: :delete, data: { confirm: 'Are you sure?' } , class: "btn btn-danger" %>
            <%= f.hidden_field :user_id, :value => current_user.id %>
            <%= f.hidden_field :authorizedBy, :value => current_user.id %>

        </div>
    </div>
<% end %>

<script type="text/javascript">
    $('.datepicker').datepicker(

        );
</script>