如何使用Bootstrap-datetimepicker获取Unix时间戳

Question

我正在使用来自https://eonasdan.github.io/bootstrap-datetimepicker/的第三方日期时间选择器

一切正常，但是，我想以Unix时间戳格式获取值。我怎么做？Unix没有格式化选项。https://eonasdan.github.io/bootstrap-datetimepicker/Functions/#format

function getValue() {
    var date = $('#datetimepicker1').data('date');
    alert(date); // shows 05/25/2017 5:43 PM
}


<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>

Answer 1

简短回答：由于该插件与 moment.js 一起使用，您可以使用 momentjs 方法unix()，如下所示：

moment($('#datetimepicker1').data('date')).unix()

更新（我在 Internet Explorer 11 上测试）

$('#datetimepicker1').data('DateTimePicker').date().unix()

Answer 2

eonasdan datetimepicker具有良好的API，可用于以编程方式与选择器进行交互。

您可以使用以下date()方法：

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

由于return by的值date()是一个矩对象，因此您可以使用unix()它获取Unix时间戳（自Unix纪元以来的秒数）。

这里是一个工作示例：

function getValue() {
  var date = $('#datetimepicker1').data("DateTimePicker").date();
  if( date ){
    alert(date.unix());
  }
}

$('#datetimepicker1').datetimepicker();

<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='input-group date' id='datetimepicker1'>
    <input type='text' class="form-control" />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

<button onclick="getValue()" class="btn btn-primary">Get value</button>

请记住，正如文档所述：

注意可通过data属性访问所有功能，例如$('#datetimepicker').data("DateTimePicker").FUNCTION()