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/