फॉर्म

Question

में date_select करने के लिए बूटस्ट्रैप-डेटपिकर-रेल जोड़ना, तो मेरे पास एक ऐसा फॉर्म है जो 'डेट-सिलेक्ट' का उपयोग करता है, जो प्रति उपयोग दिनांक-चयन (वर्ष, महीना और दिन) के तीन चयन बॉक्स प्रस्तुत करता है।

इसके बजाय मैं डेटपिकर का उपयोग करना चाहता हूं, और मैंने here निर्देशों का पालन किया है। हालांकि, मेरे पास कोई संकेत नहीं है कि वास्तव में व्यूपिकर को फ़ॉर्म में कैसे लागू किया जाए।

मैं application.js में निम्न पंक्ति का उपयोग कर रहा ...

$('.datepicker').datepicker() 

... इसलिए मैं मैं का चयन करें बॉक्स वर्ग .datepicker देने की आवश्यकता है लगता है?

<%= form_for @project do |f| %> 
    <div class="text_field"> 
     <%= f.label :title%> 
     <%= f.text_field :title%> 
    </div> 
    <div class="text_field"> 
     <%= f.label :description%> 
     <%= f.text_field :description%> 
    </div> 
    <div class="dropdown"> 
     <%= f.label :start_date%> 
     <%= date_select :start_date, :startdate %> 
    </div> 
    <div class="dropdown"> 
     <%= f.label :end_date%> 
     <%= date_select :end_date, :enddate%> 
    </div> 
    <div class="select"> 
     <%= f.label :title%> 
    </div> 
    <div class="submit"> 
     <%= f.submit "Spara" %> 
    </div> 
<% end %> 

Answer 1

प्रयास करें:

<%= date_select :start_date, :startdate , :class => 'datepicker' %> 

संपादित करें: मैं अपने मशीन पर अपने कोड दोहराया और पाया है संभावित गलतियों:

यह मणि किसी पाठ फ़ील्ड में तिथि का चयन करता है, एक date-select में नहीं । इनपुट text_field होना चाहिए और यह इस तरह दिखता है:

<%= f.text_field :date, :class => 'datepicker' %> 

अपने application.css और application.js में मणि के स्थापित मार्गदर्शिका में बताए अनुसार require यह दोनों के लिए, आपको यह सुनिश्चित किया जाना चाहिए। एक और महत्वपूर्ण बात: आपके projects.js.coffee में यह सुनिश्चित करें कि डीओएम लोड हो गया है, इस तरह:

jQuery -> 
    $('.datepicker').datepicker()