javascript - 在 jquery 函数中从日历中获取选定的日期

Question

您好，想通过从完整的月历中选择日期来显示在特定日期创建的任务。

在这个日期创建了几个任务。所以为此我想触发一个 jquery 事件，该事件将获取该日期的数据并返回。

但我的问题是我需要选择日期，以便我可以在我的节点 js 函数中传递它。

任何帮助我如何获得选定的日期。

我正在使用这个日历

<link rel="stylesheet" type="text/css" href="pages/bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">
<script src="pages/bower_components/jquery/dist/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<div class="box box-primary">
  <div class="box-body no-padding">
    <!-- THE CALENDAR -->
    <div id="calendar"></div>
  </div>
</div>

Answer 1

jQueryUI Datepicker 有一个选项 onSelect，您可以将其作为属性传递给 options 对象，您可以将其传递给 .datepicker 函数.

$('#calendar').datepicker({
    onSelect: function(date, datepicker) {
        // date is the selected date as a string
        // datepicker is the instance of the calendar itself
    }
});

在那里，您可以从 Node.js 服务中获取所需的数据，并使用它来可视化为该日期计划的任务。

jQueryUI 日期选择器小部件的文档:
https://api.jqueryui.com/datepicker

阅读文档，您甚至可能会找到一种方法来进行多日期选择!
希望对您有所帮助。