javascript - 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组合的初始化属性以相应地设置所有三个组合的样式。

我不知道OP期望什么结果，然后我尝试猜测它。希望对您有所帮助。

该示例发布在 JSFiddle 中: https://jsfiddle.net/flaviocysne/4g5p46zd/