在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 Datepicker 小部件的文档：
https://api.jqueryui.com/datepicker

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