Combodate / moment.js DD-MM-YYYY下拉菜單-樣式問題

Question

我正在使用combodate和moment.js下拉DD-MM-YYYY 。 它功能完善，可將數據插入到我的表中，但與演示不同，它僅顯示為無樣式的小下拉框。

我嘗試過在bootstrap和CSS中對其進行樣式設置，但是它什么也沒有改變，似乎只會產生問題。 我已經在多個瀏覽器上嘗試了相同的結果，並且沒有錯誤。 我已經測試了我的jQuery及其正常工作。 我在本地運行，我的代碼如下：

$(document).ready(function() {
  $(function() {
    $('#date').combodate();
  });
});

<script src="./js/combodate.js"></script>
<script src="./js/moment.min.js"></script>
<input type="btn btn-drowpdown" method="post" name="date" id="date" data-format="YYYY-MM-DD" data-template="D-MMM-YYYY" value="09-01-2013">

我仍然對編碼特別是javascript / jQuery還是陌生的，它可能是我忽略的很小的東西。 任何幫助是極大的贊賞。

Answer 1

我已經開始工作了，但是不得不提出另一種方法。

我將示例代碼從Combodate Github的頁面復制到JSFiddle上，並進行了一些更改。

<h3>Combodate</h3>
<div class="form-inline">
    <div style="margin: 50px;" class="input-group">
        <input type="text" id="date" data-format="DD-MM-YYYY" data-template="D MMM YYYY" />
    </div>
</div>

我添加了一個<div>層來容納此組件的form-inline和input-group樣式類，否則，三個生成的組合將顯示在單獨的行上。

$(function(){
    $('#date').combodate({
          value: new Date(),
          minYear: 2012,
          maxYear: moment().format('YYYY'),
          customClass: 'form-control'
    });    
});

然后，我將customClass添加到Combodate的init屬性中，以相應地設置所有三個組合的樣式。

我不知道OP期望的結果是什么，然后我嘗試猜測。 希望能幫助到你。

該示例在JSFiddle中發布： https ://jsfiddle.net/flaviocysne/4g5p46zd/