Javascript 获取引导DateTimePicker的值

我知道还有其他类似于我的问题，但无论我做什么，它都会返回

null

或

undefined

。我不知道我错在哪里

HTML

<div class="col-sm-6" style="height:130px;">
    <div class="form-group">
        <div class='input-group date' id='datetimepicker10'>
            <input type='text'></input>
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
    </div>
</div>

<div>
    <input type="submit" value="Check" onclick="dateCheck()" />
</div>

---

检查下面的代码。希望它能帮助你

<div class="col-sm-6" style="height:130px;">
        <div class="form-group">
            <div class='input-group date' >
                <input type='text' class="form-control" id='datetimepicker10'></input>
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar">
                    </span>
                </span>
            </div>
        </div>
    </div>
    <div>
        <input type="submit" value="Check" onclick="dateCheck()" />
    </div>
<script type="text/javascript">
    var dates = {};
    $(document).ready(function () {
      $('#datetimepicker10').datepicker({
         viewMode: 'years',
         format: 'yyyy-mm-dd'
      });
   });

  function dateCheck() {
     dates.diffInDays = (new Date($('#datetimepicker10').val()).valueOf() - new Date('2017-04-26').valueOf()) / (3600 * 24 * 1000);
     dates.str = $('#datetimepicker10').val();
      alert(dates.str);
  }
</script>

变量日期={}；
$（文档）.ready（函数（）{
$（'#datetimepicker10'）。日期选择器({
查看模式：“年”，
格式：“yyyy-mm-dd”
});
});
函数dateCheck（）{
dates.diffInDays=（新日期（$（'datetimepicker10'）.val（））.valueOf（）-新日期（'2017-04-26'）.valueOf（））/（3600*24*1000）；
dates.str=$（'#datetimepicker10'）.val（）；
警报（dates.str）；
}

所以代码不起作用，因为它在文档中。准备好了吗？终于成功了，谢谢！

<div class="col-sm-6" style="height:130px;">
        <div class="form-group">
            <div class='input-group date' >
                <input type='text' class="form-control" id='datetimepicker10'></input>
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar">
                    </span>
                </span>
            </div>
        </div>
    </div>
    <div>
        <input type="submit" value="Check" onclick="dateCheck()" />
    </div>
<script type="text/javascript">
    var dates = {};
    $(document).ready(function () {
      $('#datetimepicker10').datepicker({
         viewMode: 'years',
         format: 'yyyy-mm-dd'
      });
   });

  function dateCheck() {
     dates.diffInDays = (new Date($('#datetimepicker10').val()).valueOf() - new Date('2017-04-26').valueOf()) / (3600 * 24 * 1000);
     dates.str = $('#datetimepicker10').val();
      alert(dates.str);
  }
</script>