부트 스트랩 날짜 선택기 형식

Question

문제가 해결 쇼 위의 그림으로

http://jsfiddle.net/s4d0fxd2/1/

, 나는 부트 스트랩 날짜 선택기에서 선택한 날짜를 경고하기 위해 노력하고 있어요,하지만 난 그것을 얻을 수 없다 내가 원하는 형식으로 표시합니다 (형식 : YYYY-MM-DD)를

HTML :

<div class="datepicker" id="datepicker1" ></div>

JS :

$('.datepicker').datepicker({ format: 'yyyy-mm-dd', multidate: true, multidateSeparator: ",", calendarWeeks: true, todayHighlight: true }).on('changeDate', function(e){ alert($('#datepicker1').datepicker('getDates')); });

<input>를 사용하여 입력 대신 inline 캘린더의 집중 캘린더를 표시 할 때 I 적절한 형식을 얻을 수 있지만,이 옵션은 아니지만. 부트 스트랩 - 날짜 선택기에 대한

문서 : http://bootstrap-datepicker.readthedocs.org/en/release/

jsFiddle : 내부 날짜 객체를 나타내는 지역화 된 날짜 개체의 목록을 반환하기로 http://jsfiddle.net/s4d0fxd2/

Answer 1

으로 문서 당 getDates. 원하는 방식으로 직접 날짜 형식을 지정할 수있는 직접적인 방법은 없습니다. 당신이 할 수있는 일은, 선택된 날짜의 배열이 getDates 메소드에 의해 리턴 될 때, 사용자 정의 함수를 사용하여 그것을 포맷하고 표시하는 것입니다.

$(document).ready(function() { 

    $('.datepicker').datepicker({ 
    format: 'yyyy-mm-dd', 
    multidate: true, 
    multidateSeparator: ",", 
    calendarWeeks: true, 
    todayHighlight: true 

    }).on('changeDate', function(e){ 
    var selecteddates = $('.datepicker').datepicker('getDates'); 
     var formatedSelectedDates = []; 
     for(var date in selecteddates) 
     { 
      formatedSelectedDates.push(convertDate(selecteddates[date])); 
     } 
     alert(formatedSelectedDates); 
     });   
    }); 

그리고 당신의 필요에 따라 같은 formatter function는 :

function convertDate(d) { 
      function pad(s) { return (s < 10) ? '0' + s : s; } 
      return [ d.getFullYear(),pad(d.getMonth()+1),pad(d.getDate())].join('-'); 
     } 

Demo