如何在日期选择器上显示打开的日期？

Question

我正在使用 eonasdan-bootstrap-datetimepicker：

<input type="text" class="form-control" ng-model="$ctrl.date" id="dateStart">
<script type="text/javascript">
    $("#dateStart").datetimepicker({
    format: 'ddd, D MMMM YYYY',
    showTodayButton: true
    });
</script>

我想要实现的是，每次我关闭选择器并重新打开它时，我总会有日期选择器。 现在如果我在“datepicker-months”并在外面点击，选择器将关闭，如果我重新打开它，它将再次显示月份视图，但我想要第一天。

我试过了：

on('dp.show', function(e) {
    $(".datepicker-days").show();
    $(".datepicker-months").hide();
    $(".datepicker-years").hide();
    $(".datepicker-decades").hide();
});

这种方式看起来很有效：如果我在月份视图中关闭它并重新打开它，我将获得日期日期选择器，但如果从这里我再次单击月份，我将获得日期选择器年份..

任何帮助将不胜感激。

编辑： 代码在这里： http://jsfiddle.net/xrqkyypd/51/

Answer 1

使用events 和viewMode 函数，答案非常简单。

你只能检查拾取器get hide，然后你重置他想要的viewMode，在这种情况下，在这种情况下的日子视图。

$('#myDatepicker').on('dp.hide', function(e) {
  $('#myDatepicker').data("DateTimePicker").viewMode('days')
});

Answer 2

根据文档，可以这样设置：

<div class="container">
    <div class="col-sm-6" style="height:130px;">
        <div class="form-group">
            <div class='input-group date' id='datetimepicker9'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar">
                    </span>
                </span>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker9').datetimepicker({
                viewMode: 'years' //days, weeks etc
            });
        });
    </script>
</div>

更多详情请查看view mode