如何限制 datepicker Fuelux 的日期？答案

【问题标题】：How to restrict a dates of datepicker Fuelux?如何限制 datepicker Fuelux 的日期？
【发布时间】：2015-06-25 21:27:36
【问题描述】：

如何限制datepicker Fuelux的日期？？？

我有一个具有多个属性的日期选择器。我需要限制一月的前 20 天。是吗（2015 年 1 月 1 日向上 2015 年 1 月 20 日）。

$('#myDatepicker1').datepicker('setCulture', 'es');
$('#myDatepicker1').datepicker('setFormat', 'DD-MM-YYYY');
$('#myDatepicker1').datepicker('setDate', '01-22-2015');

我找到了下一个代码，但没有工作。

$('#myDatepicker1').datepicker(
'setDate', '01-22-2015
restricted: [{from: '01-01-2013', to: '01-01-2014'}]');

提前感谢您给予我的帮助。

【问题讨论】：

标签： datepicker fuelux

【解决方案1】：

setDate 不是初始化选项。这是一种只有在控件初始化后才能运行的方法。

试试这样的：

$('#myDatepicker1').datepicker({
    momentConfig: {
        culture: 'es',
        format: 'DD-MM-YYYY'
    },
    restricted: [{from: '01-01-2013', to: '01-01-2014'}]
});

$('#myDatepicker1').datepicker('setDate', '01-22-2015');

确保在 Fuel UX 之前加载了 MomentJS 库。

【讨论】：

【解决方案2】：

很好的答案。感谢互动骆驼。它有效并且完美。他提出了一个问题，因为当您将开始日期设置在不适用日期范围内时，日期选择器无法理解此配置并设置当前日期。

通过将日期置于时间限制日期范围之外来初始化正确的配置。

我还尝试在fuelux 文件之前和之后加载moment.js，并且在这两种情况下，日期选择器都有效。无论如何，我宁愿按照您的指示保留它。（在 Fuelux 库之前加载 moment.js 文件）。

这是它观察的最终代码。

    $('#myDatepicker1').datepicker({
    allowPastDates: true,
    momentConfig: {
        culture: 'es',
        format: 'DD-MM-YYYY'
    },
    restricted: [
        {from: '01-01-1900', to: '31-12-2014'}
    ]
});
$('#myDatepicker1').datepicker('setDate', '01-01-2015');

感谢您的帮助 Interactive Llama。

【讨论】：

momentJS 支持是可选的，但建议使用。否则你将依赖浏览器的parseDate()，这在浏览器之间是不一致的。