我为 jQuery 制作了一个简单的插件,它为两个给定的 datePicker 设置 minDate 和 maxDate。现在我想扩展它并添加一个函数来设置日期。
JS
(function($) {
$.fn.dateRange = function(){
return this.each(function () {
var from, to;
var self = $(this);
var selectedDate;
$("input",this).prop('readonly', true);
from = $('.from',this);
to = $('.to',this);
from.datepicker({
onClose:function( selectedDate ) {
$(this).siblings(".to").datepicker( "option", "minDate", selectedDate );
}
});
to.datepicker({
onClose:function( selectedDate ) {
$(this).siblings(".from").datepicker( "option", "maxDate", selectedDate );
}
});
//add a function
this.setDate = function (f, t) {
from.datepicker("option",{
defaultDate: new Date(f),
maxDate: new Date(t)
}).val(f);
to.datepicker("option",{
defaultDate: new Date(t),
minDate: new Date(f)
}).val(f);
};
});
};
})(jQuery);
$("div.dateRange").dateRange();
//later
$("#label1").dateRange().setDate("07/02/2013","07/06/2013");
控制台说:未捕获的类型错误:对象 [object Object] 没有方法“setDate”。向插件添加更多功能的最佳方法是什么?
这是一个 jsbin:http: //jsbin.com/akovuj/2/edit