[RUBY-ON-RAILS] 부트 스트랩 날짜 선택기를 사용하는 동안 어떻게 선택한 날짜 값을 얻으려면?

부트 스트랩 날짜 선택기를 사용하는 동안 어떻게 선택한 날짜 값을 얻으려면?

JQuery와 및 부트 스트랩 날짜 선택기를 사용하여, 어떻게 내가 부트 스트랩 날짜 선택기를 사용하여 선택한 새 날짜 값을받을 수 있나요? 참고로, 나는 레일 3 커피 스크립트를 사용하고 있습니다.

나는 사용하여 날짜 선택기를 설정 :

<input id="startdate" class="span2 datepicker" type="text" value="" name="startdate" default="2013-05-21" data-date="2013-05-21" data-behavior="datepicker">
<%= submit_tag 'Get Data using date', :id => 'get_data' %>

$(".datepicker").datepicker
      endDate: new Date
      format: "yyyy-mm-dd"
      autoclose: true
      minViewMode: 1
      todayBtn: "linked"

"날짜를 사용하여 데이터를 얻을"버튼을 사용자가 클릭이 옆에, 나는 날짜 선택기에 의해 새로운 날짜 값 세트를 얻기 위해 jQuery를 사용하는 경우, 제출에서 양식을 방지하고 그 날짜 값을 사용하여 Ajax 요청을 실행합니다. 모든 아약스는 올바른 새 날짜 값을 얻기를 제외하고 잘 실행됩니다. 그것은 단지 내가 처음에 설정 한 기본값을 반환, 나는 다음의 모두를 시도하고 나에게 새로운 날짜를 제공하지 않습니다.

sd1 = $('#startdate').attr('value')
console.log sd1

sd2 = $('#startdate').attr('data-date'))
console.log sd2

지금은 정말 바보 같은 느낌이 있어요,하지만 난 부트 스트랩 날짜 선택기에 의해 새로운 날짜 값 세트를 얻을 수있는 방법을 찾을 수 없습니다.

해결법

1. ==============================

   1.이 시도 할 수 있습니다

   이 시도 할 수 있습니다

   $('#startdate').val()
   

   또는

   $('#startdate').data('date')
   

2. ==============================

   2.부트 스트랩 날짜 선택기를 들어 당신은 사용할 수 있습니다 :

   부트 스트랩 날짜 선택기를 들어 당신은 사용할 수 있습니다 :

   $("#inputWithDatePicer").data('datepicker').getFormattedDate('yyyy-mm-dd');
   

3. ==============================

   3.부트 스트랩 날짜 선택기 (부트 스트랩 datepickcer 검색 결과에서 상기 제) 선택된 날짜를 얻는 방법이있다. https://bootstrap-datepicker.readthedocs.io/en/latest/methods.html#getdate

   부트 스트랩 날짜 선택기 (부트 스트랩 datepickcer 검색 결과에서 상기 제) 선택된 날짜를 얻는 방법이있다. https://bootstrap-datepicker.readthedocs.io/en/latest/methods.html#getdate

   $('.datepicker').datepicker("getDate")
   

   또는

   $('.datepicker').datepicker("getDate").valueOf() 
   

4. ==============================

   4.일반적으로 말하면,

   일반적으로 말하면,

   $('#startdate').data('date') 
   

   때문에 최고

   $('#startdate').val()
   

   하지 작업 당신이 날짜 선택기 "인라인"이있는 경우

5. ==============================

   5.인라인 날짜 선택기 (다른) 저이 작품

   인라인 날짜 선택기 (다른) 저이 작품

   $('#startdate').data('datepicker').date
   

6. ==============================

   6.당신은 전체 텍스트 문자열 형식으로 날짜를 wan't 경우는 다음과 같이 그것을 할 수 있습니다 :

   당신은 전체 텍스트 문자열 형식으로 날짜를 wan't 경우는 다음과 같이 그것을 할 수 있습니다 :

   $('#your-datepicker').data().datepicker.viewDate
   

7. ==============================

   7.이미 이미 강조 날짜의 숫자를 마지막으로 클릭 된 날짜를 확인하려면 다음과 같은 사항이 필요합니다 :

   이미 이미 강조 날짜의 숫자를 마지막으로 클릭 된 날짜를 확인하려면 다음과 같은 사항이 필요합니다 :

   $('#startdate').data('datepicker').viewDate
   

   당신이 적절하게 처리해야하므로 viewDate는 자바 스크립트 날짜 개체를 반환합니다.

8. ==============================

   8.여기에 같은이 사용하는 HTML을 시도해보십시오

   여기에 같은이 사용하는 HTML을 시도해보십시오

   var myDate = window.document.getElementById("startdate").value;
   

9. ==============================

   9.나는 다음에 선택한 날짜에 대한 moment.js 개체를 찾을 수 있었다 :

   나는 다음에 선택한 날짜에 대한 moment.js 개체를 찾을 수 있었다 :

   $('#datepicker').data('DateTimePicker').date()
   

   moment.js 어떻게 moment.js 객체를 사용하여 날짜를 포맷하는 방법에 대한 자세한 정보

10. ==============================

    10.나는 위의 답변을했지만, 그들은 날 위해 일하지 않았다; user3475960가 언급 그래서, $ ( '#의 STARTDATE')을 사용했다. html로 () 내가 필요로 사용될 수 있도록 나에게 HTML 텍스트를 준 ... 될 수있는 몇 가지 중 하나는 그것의 사용을 만들 것입니다 ..

    나는 위의 답변을했지만, 그들은 날 위해 일하지 않았다; user3475960가 언급 그래서, $ ( '#의 STARTDATE')을 사용했다. html로 () 내가 필요로 사용될 수 있도록 나에게 HTML 텍스트를 준 ... 될 수있는 몇 가지 중 하나는 그것의 사용을 만들 것입니다 ..

11. ==============================

    11.많은 솔루션이 작품이 가장 좋은 사람은 여기에 있지만 아마이 있습니다. 사용하려는 스크립트의 버전을 확인합니다.

    많은 솔루션이 작품이 가장 좋은 사람은 여기에 있지만 아마이 있습니다. 사용하려는 스크립트의 버전을 확인합니다.

    그럼 적어도 나는 당신에게 내 100 % 작업 솔루션을 제공 할 수 있습니다

    자바 스크립트

    var startdate = $('#startdate').val(); 
    

    출력 외모가 좋아 : 2018년 9월 12일 3시 5분

from https://stackoverflow.com/questions/16681875/how-to-get-the-selected-date-value-while-using-bootstrap-datepicker by cc-by-sa and MIT license