Question

如何限制datepicker的日期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

优秀的答案。感谢Interactive Llama。它工作和完美。他提出了一个问题，因为当您在开始日期范围内设置开始日期时，日期选择器不理解此配置并设置当前日期。

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

我也尝试在fuelux文件之前和之后加载moment.js，并且在两种情况下都使用了datepicker。无论如何，我倾向于按照你的指示离开它。（在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。

如何限制datepicker Fuelux的日期？

2 个答案: