在jQuery函数中从日历获取选定的日期

Question

您好，只需从整月日历中选择日期，即可显示在特定日期创建的任务。

在该日期创建了多个任务。因此，为此，我想触发一个jquery事件，该事件将针对该日期获取数据并返回。

但是我的问题是我需要选择日期，以便可以在我的node 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

在阅读文档时，您甚至可能找到一种使多日期选择成为现实的方法！
希望对您有帮助。

Answer 2

以下是Group by clause in mySQL and postgreSQL, why the error in postgreSQL?关于“如何更改日期”的信息：

<div class="bubu">1</div>
<div class="bubu">2</div>
<div class="bubu">3</div>
<div class="bubu">4</div>
<div class="bubu">5</div>

JS：

$('.bubu').on('click', function CURRENT(evt) {
    var BUBU = document.getElementsByClassName("bubu");
    for (i = 0; i < BUBU.length; i++) {
        BUBU[i].className = BUBU[i].className.replace(" active", "");
    }

evt.currentTarget.className += " active";});

CSS：

.bubu {margin: 5px; border: 1px solid red; width: 30px; text-align: center; padding: 3px; cursor: pointer;}

.active {background-color: #045acf; color: white;}

而且...您可以弹出一个窗口，但是制作选项卡不是更容易吗？

Fiddle-DEMO

然后将该示例中的按钮重新设置为您的日历天，然后将事件说明放置在标签内容中。