如何使用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

eonasdan日期时间选择器有一个很好的API，您可以使用它以编程方式与选择器进行交互。

您可以使用date()方法执行以下操作：

返回组件的模型当前日期、moment对象或null (如果未设置)。

由于date()返回的值是一个moment对象，因此您可以使用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>

​

请记住，正如docs所说：

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

Answer 2

Short Answer:由于该插件与moment.js一起工作，因此您可以按如下方式使用momentjs方法插件：**

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

更新(我在Internet Explorer11上测试)

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