如何为jQuery数字分类选择器的各分类设置不同最小/最大值

好的，要实现Adults、Children、Bedrooms三个分类独立设置最小/最大值的需求，我们需要对NCS插件的配置结构和内部逻辑做一些针对性调整，下面是具体的步骤和代码修改方案：

第一步：调整默认配置结构 #

首先，把原来全局统一的minValue和maxValue改成分类映射对象，让每个分类可以拥有独立的阈值。修改插件默认配置部分的代码：

var settings = $.extend({ 
// 默认配置
categoryNames: ["Adults", "Children", "Bedrooms"], 
categoryValues: false, 
// 将全局min/max改为按分类映射的对象，可自定义默认值
minValue: {
  Adults: 1,
  Children: 0,
  Bedrooms: 1
}, 
maxValue: {
  Adults: 10,
  Children: 5,
  Bedrooms: 4
}, 
closeOnOutsideClick: true, 
showText: true, 
delimiter: ", ", 
align: "left", 
fade: true, 
useDisplay: true, 
showZero: false, 
callback: function(values) {} 
}, options);

第二步：添加兼容性处理 #

为了不破坏原有代码的兼容性（比如用户之前可能传入单个数值作为全局min/max），我们需要在配置合并后加入兼容逻辑：如果用户传入的是单个数值，自动转换为每个分类都使用该数值的对象：

// 兼容全局minValue配置：如果传入的是数字，转为分类映射对象
if (typeof settings.minValue === 'number') {
  const globalMin = settings.minValue;
  settings.minValue = {};
  settings.categoryNames.forEach(category => {
    settings.minValue[category] = globalMin;
  });
}

// 兼容全局maxValue配置
if (typeof settings.maxValue === 'number') {
  const globalMax = settings.maxValue;
  settings.maxValue = {};
  settings.categoryNames.forEach(category => {
    settings.maxValue[category] = globalMax;
  });
}

第三步：更新插件内部的阈值使用逻辑 #

接下来，找到插件内部使用minValue和maxValue的核心逻辑（比如初始化分类数值、增减按钮的边界判断），把原来的全局值替换为对应分类的阈值：

比如初始化分类初始值时：

// 假设categoryName为当前处理的分类名（如"Adults"）
const currentMin = settings.minValue[categoryName];
const currentMax = settings.maxValue[categoryName];

// 初始化分类值（如果未设置categoryValues，默认用当前分类的minValue）
const initialValue = settings.categoryValues ? settings.categoryValues[categoryName] : currentMin;

再比如点击增加按钮的边界判断：

// 原来的全局判断改为对应分类的maxValue
if (currentValue < currentMax) {
  // 执行数值增加逻辑
}

点击减少按钮的边界判断同理：

if (currentValue > currentMin) {
  // 执行数值减少逻辑
}

第四步：初始化插件时传入自定义分类阈值 #

现在你可以在初始化插件时，为三个分类单独设置min/max值了，示例代码：

$('.your-input-selector').NCS({
  minValue: {
    Adults: 1,    // Adults最少1人
    Children: 0,  // Children最少0人
    Bedrooms: 1   // Bedrooms最少1间
  },
  maxValue: {
    Adults: 6,    // Adults最多6人
    Children: 4,  // Children最多4人
    Bedrooms: 3   // Bedrooms最多3间
  }
});

这样既实现了分类独立控制阈值的需求，又保留了原有全局配置的兼容性，不会影响之前的代码使用。

内容的提问来源于stack exchange，提问作者Antonis Vergetakis