Javascript - 什么是一个很好的datepicker和timepicker库?

时间:2016-05-03 00:31:27

标签: javascript jquery twitter-bootstrap datepicker timepicker

我知道没有正式的bootstrap timepicker和datepicker实现。

我在我的代码上实现timepicker和datepicker Javascript的困难。我尝试了几种不同的库,虽然有些库似乎比其他库更好,但我仍然无法正确使用它们。

对于时间,需要它返回一个值,比如"23:58",对于日期,我需要它返回"22/04/2016"的示例值。

使用这些功能的不错实现是什么?

修改

根据一个答案,我决定尝试momentjs.com,但它不起作用。

我的脚本和组件代码是:

<script type="text/javascript" >

    $(document).ready(function () {
        $('#datepicker0').moment({
            language: 'pt-BR'
        });
    // more scripts
</script>

<div class="header">
    <label th:for="datepicker0" th:value="${executionDate}">Execution Date: </label>
</div>

<div class="form-group input-group">
    <input id="datepicker0" type="text" name="executionDate" th:field="*{executionDate}" class="form-control date-picker"></input>
    <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
</div>

现在,// more scripts区域中的所有脚本都停止工作。

我从momentjs.com主页获得了moment.js和moment-with-locales.js文件。

这是对的吗? 什么是正确的语法?

2 个答案:

答案 0 :(得分:1)

MomentJS最受欢迎:

http://momentjs.com/

答案 1 :(得分:1)

这可能有效:

https://github.com/Eonasdan/bootstrap-datetimepicker

它建立在Moment.js和jQuery之上。

它有一个格式选项,如文档中所示:

http://eonasdan.github.io/bootstrap-datetimepicker/Options/#options