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

我不知道OP期望的结果是什么，所以我试着猜测一下。希望对你有帮助。

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

Combodate/moment.js DD-MM-YYYY 下拉列表 - 样式问题

Combodate/moment.js DD-MM-YYYY dropdown - style issue

javascript

jquery

momentjs

combodate