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

Question

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

在每个日期都有一个名为“day”的类。现在我想获取具有日期值的属性“data-day”的值，如下所示:

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

它仅在无法识别第二次点击时返回属性值一次。

请帮助我使用 js 或这个 eo​​nasdan 插件。

Answer 1

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