Question

无论如何都要获得当前显示的月份和年份？
理想情况下，对于我来说，这将在更新活动中提供我可以看到更改事件的“更改”属性在更改月份时设置为“M”，但是我找不到当前显示的月份和年份。这可以在任何地方使用吗？

感谢。

Answer 1

您可以使用date()函数获取datetimepicker的当前值：

返回组件的模型当前日期，moment对象或null（如果未设置）。

然后您可以使用momentjs函数，例如format()，month()，year()来获取有关所选日期的可读信息。

如果您想知道用户使用上一个和下一个按钮浏览组件时显示的年/月，您可以为dp.update事件添加一个列表器。

viewDate更改时触发（大多数情况下）。例如。下一个和上一个按钮，选择一年。

事件的viewDate属性是表示当前视图日期的时刻对象。您可以再次使用时刻函数来显示有关视图日期的信息。

这是一个实例：

＆＃13;

$('#datetimepicker1').datetimepicker({
  useCurrent: false
}).on('dp.update', function(e){
  console.log("Displayed year/month " + e.viewDate.format("YYYY MMMM"));
})

function getDate(){
  var selDate = $('#datetimepicker1').data("DateTimePicker").date();
  if(selDate){
    console.log("Displayed year/month " + selDate.format("YYYY MMMM"));
  }
}

＆＃13;

<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/>
<link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.css" rel="stylesheet"/>

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

<div class="container">
  <div class="row">
    <div class='col-sm-6'>
      <div class="form-group">
        <div class='input-group date' id='datetimepicker1'>
          <input type='text' class="form-control" />
          <span class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
          </span>
        </div>
      </div>
    </div>
    <div class='col-sm-6'>
      <button class="btn btn-primary" onclick="getDate()">Get date</button>
    </div>
  </div>
</div>

＆＃13;

Eonasdan DateTimePicker - 获取显示日期（年/月）

1 个答案: