无法在mootools中为datepicker提供maxdate选项

时间:2013-08-06 06:25:29

标签: javascript html datepicker mootools

我正在使用Mootools datepicker

我在html中导入了以下js文件

<script src="script/mootools-core.js" type="text/javascript"></script>
 <script src="script/mootools-more.js" type="text/javascript"></script>
 <script src="script/Locale.en-US.DatePicker.js" type="text/javascript"></script>
 <script src="script/Picker.js" type="text/javascript"></script>
 <script src="script/Picker.Attach.js" type="text/javascript"></script>
 <script src="script/Picker.Date.js" type="text/javascript"></script>
 <!-- <link href="styles/mooStyle.css" rel="stylesheet" /> -->
 <link href="styles/datepicker_bootstrap.css" rel="stylesheet">

并使用以下代码

window.addEvent('domready', function(){
    new Picker.Date($$('#endDate'),{
        timePicker: false,
        positionOffset: {x: 5, y: 0},
        pickerClass: 'datepicker_bootstrap',
        maxDate: {date: new Date()},
        useFadeInOut: !Browser.ie
    });
});

这里endDate是文本框的id。 datepicker在没有maxdate参数的情况下正常工作。但是当我把这个选项设置为datepicker不起作用时。

使用firebug进行检查,然后说

TypeError: options.maxDate.clearTime is not a function

options.maxDate.clearTime();  in Picker.Date.js (line 98)

Picker.Date.js是一个随此datepicker插件一起提供的文件。如何在此插件中使用此maxdate选项。

[注意:] 请不要建议使用jquery datepicker作为解决方案,因为我想要解决mootools问题。

1 个答案:

答案 0 :(得分:1)

似乎它并不期望{date: ...}周围的Date对象:

// ...
    maxDate: new Date(),
// ...

根据the documentation,预计该值只有几种类型:

  

maxDate:(日期实例字符串,默认为null)[...]