我想基于jquery ui datepicker功能创建一个javascript类。我没有多少经验在javascript中编写类/插件定义,所以我基本上只是基于我在网上看到的一些代码。
所以在应用程序中有时我只需要显示一个日期选择器,所以我想只是有一个默认选项部分,所以不必在每个文件中写入选项。那部分工作正常我正在努力的是,如果有两个id喜欢设置一个额外的参数,在这种情况下和onClose函数。
var showfrom = new Date();
var showto = new Date();
!function($){
"use strict"
/* Datepick Instance */
var Datepick = function ( element, options ) {
this.$element = $(element);
this.options = $.extend({}, $.fn.datepick.defaults, options);
return this;
};
$.fn.datepick = function ( options ) {
var $this = $(this);
$this.datepicker(options);
};
$.fn.datepick.defaults = {
dateFormat: "yy-mm-dd",
showAnim: "fadeIn",
minDate: showfrom,
maxDate: showto,
showOn: "both",
buttonImage: "/images/calendar_icon.gif",
gotoCurrent: true
};
$.fn.datepick.Constructor = Datepick;
}( window.jQuery );
$(function(){
$('#fromdate').datepick({onClose:function(){$('#todate').focus}});
$('#todate').datepick();
});
我还猜测其中一些是不必要的我只是想要一个简洁的方法来初始化标准的datepicker。我是否必须为Datepick编写原型,因为我并没有真正为jquery-ui类添加任何功能。
的jsfiddle http://jsfiddle.net/4LmP9/15/