【问题标题】:Bootsrap-Datepicker not able to get date?Bootstrap-Datepicker 无法获取日期?
【发布时间】:2016-05-06 20:42:30
【问题描述】:

我正在使用以下 jQuery Datepicker,当我尝试使用 JS 获取值时,我得到的是“未定义”或“[object Object]”。

我会自动为日期选择器设置一个值,并且在查看页面时我可以看到一个值。

这是我的代码。我已经尝试过将 id 放在环绕的 id 以及实际的 id 上,但得到了相同的结果。

<div class="col-md-2 text-left">
    <div class="input-group date">
        <input id="startDatepicker" class="datepicker form-control" type="text" />
        <div class="input-group-addon">
            <span class="glyphicon glyphicon-calendar"></span>
        </div>
    </div>
</div>

这是我根据研究中看到的建议尝试过的 JavaScript。

    var start = $('#startdate').datepicker("getDate");
    //var start = $('#startdate').data('datepicker').date;
    //var start = $('#startdate').val();
    //var start = $('#startdate').data('datepicker').date;
    alert(start);

【问题讨论】:

  • 您的 jquery 选择器中的 id 错误。
  • 谢谢,我猜我在来回复制和粘贴的过程中切换了它们。
  • 我将脚本更改为 "var start = $('#startDatepicker').datepicker("getDate");"但这仍然返回[object Object]。如果这是从输入中获取值的脚本,有人吗?还是我需要添加其他脚本才能将值从对象中提取出来?
  • 一旦我在上一篇文章中进行了更改,现在我会在控制台日志中看到以下内容。 “未捕获的 TypeError:非法调用”,但这可能是导致该消息的警报(开始)。

标签: javascript jquery datepicker


【解决方案1】:

我可能是因为你的输入是空的。

check this out(JSFiddle) :

 <input id="startDatepicker" class="datepicker form-control" type="text" value="05/09/2016" />

 $('#startDatepicker').datepicker();
 $('#getdate').on('click', function() {
    var st = $('#startDatepicker').datepicker('getDate');
    alert(st)
    console.log(st);
});

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-24
    • 1970-01-01
    • 2017-08-22
    • 1970-01-01
    相关资源
    最近更新 更多