javascript - 如何在html输入中获取jquery数组

Question

我试图将 jquery 数组放入 html 输入中，但我不知道我错在哪里。

HTML:

<input type="hidden" id="datepicker" name="dates[]" />

Jquery:

<script>
$('#datepicker').datepick({
    dateFormat: 'yyyy-mm-dd',
    multiSelect: '100'
});
$(document).ready(function() {
    $("#butto").click(function() {
        var dates = $('#datepicker').datepick('getDate');
        console.log(dates);

        $('#datepicker').val(dates);
    });
});
</script>

PHP:

$dates= $this->input->post('dates');

foreach($dates as $datee) {
    print_r($datee);
}

Answer 1

您无法直接获取日期数组，因为多选日期默认通过逗号(,)分隔传递。因此，您需要在提交表单数据之前进行一些小修改。下面是实现结果的自定义代码。

jQuery 代码

<script>
    $('#datepicker').datepick({

      dateFormat: 'yyyy-mm-dd',
      multiSelect: '100',

      //convert the selected date into array and assign the value to your hidden filed when the date picker will close by any format

      onClose: function(dates) { 
         var selectedDate = []; 
         for (var i = 0; i < dates.length; i++) { 
             selectedDate.push($.datepick.formatDate(dates[i])); 
         } 
         $('#datepicker').val(JSON.stringify(selectedDate));
      },

   });
</script>

PHP 代码

在服务器端捕获隐藏的字段值并使用 json_decode 函数对其进行解码以获取日期数组。

$dates= json_decode($this->input->post('dates'));

foreach($dates as $datee) {
   print_r($datee);
}

希望它能按您的预期工作。