如何限制日期选择器 Fuelux 的日期？

Question

如何限制日期选择器 Fuelux 的日期？？？

我有一个具有多个属性的日期选择器。我需要限制 1 月的前 20 天。是 ( 01-01-2015 Up 20-01-2015 ).

$('#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'}]');

预先感谢您能给我的帮助。

Answer 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 库。

Answer 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。

如何限制日期选择器 Fuelux 的日期？

How to restrict a dates of datepicker Fuelux?

datepicker

fuelux