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

Posted 2023-05-07

【中文标题】如何从日历 eonasdan 获取当前选定日期的值

【英文标题】：How to get the value of current selected date from calendar 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 或这个 eo​​nasdan 插件。

【问题讨论】：

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

【参考方案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'))
)

DEMOGet 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'); 就这么简单.. 现在您可以使用该变量供您使用