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

【问题标题】：How to get the value of current selected date from calendar eonasdan如何从日历 eonasdan 获取当前选定日期的值
【发布时间】：2015-11-20 07:06:57
【问题描述】：

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

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

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

它只在不识别第二次点击时返回属性值。

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

【问题讨论】：

这是小提琴jsfiddle.net/Eonasdan/0Ltv25o8，但他们只使用了输入文件而不是日历。

标签： javascript jquery datepicker calendar

【解决方案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>

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

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

DEMO
Get Only Date Part

【讨论】：

你能帮忙只获取日期而不是当前时间吗？
我想获取日期以及月份和年份。
第二个小提琴中的 temp 变量包含日期。检查这个w3schools.com/jsref/jsref_obj_date.asp。我只是显示只获取日期。你试试其他人（月份和年份）。
@J Santosh 我将如何禁用小于当前时间的时间
@TausifAnwar 使用这个 $('#datetimepicker2').data("DateTimePicker").minDate(new Date());

【解决方案2】：

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

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

在此处输入您的 id 并作为结果接收具有“_d”字段值的对象。

data('DateTimePicker')

还有很多品味功能配置插件。

【讨论】：

data('date') 更快地获取结果。

【解决方案3】：

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

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

请试一试。

【讨论】：

你能帮我把这段代码放在哪里吗？我的意思是我应该把这段代码放在我自己的函数中吗？
是的。 @TausifAnwar，您可以将其添加到您的函数中.. 所以您只需将其保存到变量 var selectedDate = $('#datetimepicker1').data('date'); 就这么简单.. 现在您可以使用该变量供您使用