如何从日历 eonasdan 中获取当前选定日期的值

Question

我正在使用 http://eonasdan.github.io/bootstrap-datetimepicker/ 日历。现在我想选择用户选择的日期。我被这个日历困住了。请帮助我获取用户当前选择的日期我已经使用js获取值。

每个日期都有一个名为“day”的class。现在我想获取属性“data-day”的值，其日期值如下：

$(".day").click(function(){
            var clicked = $(this).attr('id');
         alert(clicked);
         });

它 returns 属性的值只有一次，它无法识别第二次点击。

请帮助我使用 js 或这个 eonasdan 插件。

Answer 1

我找到了链接页面中描述的日历方法。因此，例如要查看用户输入的内容，您必须：

$('#datetimepicker').data("DateTimePicker").date()

在此处输入您的 ID，结果接收到具有“_d”字段值的对象。

data('DateTimePicker')

还有很多口味功能可以配置插件。

Answer 2

我想我可能有适合你的解决方案。

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

请试一试

Answer 3

HTML

<br/>
<!-- padding for jsfiddle -->
<div class="row">
    <div class="col-md-4 col-xs-6">
        <input type="text" class="form-control" id="datetimepicker2" />
        <br>
        <input type="button" class="btn btn-success" id="getDate" value="Get Date" />
    </div>
         <span id="SelectedDate"></span>
</div>

JS

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

$('#getDate').click(function () {
    console.log($('#datetimepicker2').data('date'))
    $('#SelectedDate').text($('#datetimepicker2').data('date'))
})

DEMO
Get Only Date Part

如何从日历 eonasdan 中获取当前选定日期的值

How to get the value of current selected date from calendar eonasdan

javascript

jquery

calendar

datepicker