Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 获取在日期选择器中选择的所有日期_Javascript_Jquery_Date_Datepicker - Fatal编程技术网

Javascript 获取在日期选择器中选择的所有日期

Javascript 获取在日期选择器中选择的所有日期,javascript,jquery,date,datepicker,Javascript,Jquery,Date,Datepicker,我正在使用来自的jQuery datepicker插件。此日期选择器是多选日期选择器。在本教程中,将演示如何在控制台上显示所选日期。本教程一次只显示一个日期。我想显示选择日期时选择的所有日期。所以从技术上讲,是一系列选定的日期。有办法做到这一点吗?这里有一个 HTML <div class="date-pick"></div> 从: dpGetSelected()返回数组 获取此日期选择器当前选择的日期列表。如果当前未选择日期,则该数组为空;如果没有与匹配元素关联的日期

我正在使用来自的jQuery datepicker插件。此日期选择器是多选日期选择器。在本教程中,将演示如何在控制台上显示所选日期。本教程一次只显示一个日期。我想显示选择日期时选择的所有日期。所以从技术上讲,是一系列选定的日期。有办法做到这一点吗?这里有一个

HTML

<div class="date-pick"></div>
从:

dpGetSelected()返回数组
获取此日期选择器当前选择的日期列表。如果当前未选择日期,则该数组为空;如果没有与匹配元素关联的日期选择器,则该数组为空

示例:
将向空数组发出警报(因为尚未选择任何内容)

从:

dpGetSelected()返回数组
获取此日期选择器当前选择的日期列表。如果当前未选择日期,则该数组为空;如果没有与匹配元素关联的日期选择器,则该数组为空

示例:
将向空数组发出警报(因为尚未选择任何内容)


请向我们展示您目前拥有的代码。@Sumneevans我的代码与教程中的代码完全相同。我只是想把所有的日期都选出来,而不是一个一个的。请把代码写进你的问题里。我不想为了找到您正在使用的代码而阅读该教程。@Sumneevans我用JSFIDLE更新了我的问题,代码请向我们展示您到目前为止的代码。@Sumneevans我的代码与教程的代码完全相同。我只是想把所有的日期都选出来,而不是一个一个的。请把代码写进你的问题里。我不想为了找到您正在使用的代码而阅读该教程。@Sumneevans我用JSFIDLE和代码更新了我的问题
$(function() {
  $('.date-pick')
    .datePicker({
      createButton: false,
      displayClose: true,
      closeOnSelect: false,
      selectMultiple: true,
      inline: true,
    })
    .bind(
      'click',
      function() {
        $(this).dpDisplay();
        this.blur();
        return false;
      }
    )
    .bind(
      'dateSelected',
      function(e, selectedDate, $td, state) {
        console.log('You ' + (state ? '' : 'un') // wrap
          + 'selected ' + selectedDate);

      }
    )
    .bind(
      'dpClosed',
      function(e, selectedDates) {
        console.log('You closed the date picker and the ' // wrap
          + 'currently selected dates are:');
        console.log(selectedDates);
      }
    );
});
$('.date-picker').datePicker();
alert($('.date-picker').dpGetSelected());