引導日期選擇器格式

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

enter image description here

如上圖顯示的圖片，我想提醒從引導日期選擇器選擇的日期，但我不能讓它表達出我想要的格式（格式：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日曆日曆時得到正確的格式，但是這是不是一種選擇。

文檔的自舉日期選擇：http://bootstrap-datepicker.readthedocs.org/en/release/

的jsfiddle：http://jsfiddle.net/s4d0fxd2/

來源

2014-09-29 Joel

意味着你要日期選擇器與DIV比INPUT TYPE TEXT OK正常工作？ – 2014-09-29 12:57:55

不能爲你的問題提供jsFiddle嗎？ – 2014-09-29 13:00:27

是的，小提琴快來了。 – Joel 2014-09-29 13:04:39

按文件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

來源

2014-09-29 13:15:04 SSA

謝謝你的幫助！ :)非常有教育意義，我很感激！ – Joel 2014-09-29 13:26:06

引導日期選擇器格式

回答

相關問題