javascript - Javascript函数中的变量

Question

这是我的代码：

$('#date').pickadate({
    format: 'mmmm d, yyyy',
    disable: [
        1, 2, 3, 4, 5
    ]
});

“禁用”意味着它将禁用第 1、2、3、4 和 5 周的日子。这是不起作用的代码：

<input type="text" id="numbers" value="1, 2, 3, 4, 5">

<script>
var numbers = document.getElementById('numbers').value;

$('#date').pickadate({
    format: 'mmmm d, yyyy',
    disable: [
        numbers
    ]
});
</script>

我想使用变量中的数字，因为它可以是动态的。为什么它不适用于变量numbers？我怎样才能做到这一点？谢谢。

Answer 1

它可能需要数字，而不是带逗号的字符串：

[ "1, 2, 3, 4" ] !== [1, 2, 3, 4]

试试这个：

var numbers = document.getElementById('numbers').value.split(',').map(function(val) {
   return parseInt(val.trim(), 10);
});

$('#date').pickadate({
    format: 'mmmm d, yyyy',
    disable: numbers 
});

Answer 2

因为当您从值中获取它们是字符串时，您需要一个数组。

$('#getinfo').on('click',function(){

var numbers = document.getElementById('numbers').value;
    numbers = numbers.split(' ').join(); // remove spaces
    numbers = numbers.split(','); // convert to array
    alert(numbers);
    console.log(numbers);
    
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="numbers" />
<button id="getinfo">Get Info</button>

现在您可以在那里使用变量。

Answer 3

在您的代码中：

var numbers = document.getElementById('numbers').value;

numbers 不是一个数组，它是一个值为“1,2,3,4,5”的字符串。要使其成为数组，您需要使用 split 函数：

var numbersArray = numbers.split(',');

然后你可以使用 numbersArray 和 disable 像这样：

$('#date').pickadate({
    format: 'mmmm d, yyyy',
    disable: numbersArray
});

Answer 4

您正在创建一个数组，其中一项是值为“1、2、3、4、5”的字符串

您需要的是一个包含 5 个元素的数组，其中每个元素都是一个数字。

例子：

var numbers = document.getElementById('numbers').value.split(',')
$('#date').pickadate({
  format: 'mmmm d, yyyy',
  disable: numbers
});

但是这段代码会给你一个数组，其中每个项目都是一个字符串，所以你需要用 parseInt() 解析每一个

Answer 5

var numbers = document.getElementById('numbers').value;

现在 numbers 包含一个字符串，因此您必须将其转换为数组。或许是这样的：

numbers = numbers.split(', ');

你可以这样做：

disable: numbers

而不是这个（！）：

disable: [
    numbers
]