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/

中

Combodate / moment.js DD-MM-YYYY下拉式 - 风格问题

1 个答案: