/*!
 * jQuery easyuiWrapMy97DatePicker Plugin v1.0
 * 功能：使 My97DatePicker 能够像easyui组件那样
         可以通过css类名(.easyui-pluginName)实现组件注册，
         以及通过data-options进行组件配置；
         说白了就是提供一种“语法糖”，仅此而已
 * Author: Jim
 * Date: 2014-04-15
 * Doc&Dome: http://www.cnblogs.com/MyNameIsJim/articles/3669989.html
 */

;(function($, datePicker){


// 全局配置
var setup = (function () {
    var scripts = document.getElementsByTagName(‘script‘),
        script = null,
        srcReg = /easyuiWrapMy97DatePicker\.js/;

    for (var i = 0, len = scripts.length; i < len; i++) {
        var myScript = scripts[i];

        if ( srcReg.test(myScript.src) ) {
            script = myScript;
        }
    }

    /* 
     * 如果在页面中引入本插件时，路径没有包含 ‘easyuiWrapMy97DatePicker.js‘，即文件被更名了，
     * 那么选择当前正在运行的js代码所属的script标签 (如果该js文件是采用模块化加载的，这不是有效的方法)
     */
    script || (script = scripts[len - 1]); 
    var config = (new Function(‘return ‘ + $.trim(script.text)))();

    return (config && config.toString() === ‘[object Object]‘) ? config : null;
}());

// 单个控件的配置
function parseOptions($target) {
    var options = null,
        s = $.trim( $target.attr(‘data-options‘) );

    if (s !== ‘‘){
        if (s.substring(0, 1) != ‘{‘){
            s = ‘{‘ + s + ‘}‘;
        }
        options = (new Function(‘return ‘ + s))();
    }

    return options;
}


/**
 * @options    {Object}    将作为实参传递给WdatePicker：WdatePicker(options)，API参照My97DatePicker：http://www.my97.net/
 * @config     {Object}    插件的配置[可选]
 */
$.fn.easyuiWrapMy97DatePicker = function(options, config) {
    var eventNamespaces = ‘._My97DatePicker‘,
        dataKey = ‘_My97DatePicker‘;

    var settings = $.extend({
        event: ‘click‘
    }, config);
    settings.event += eventNamespaces;

    this.each(function(){
        var elm = $(this),
            data = elm.data(dataKey),
            dataOpts = null;

        // 该元素是否已经注册成为 “时间控件”
        if (data) {
            elm.off(eventNamespaces);
            dataOpts = $.extend(data.options, options);
        } else {
            dataOpts = $.extend({}, setup, parseOptions(elm), options); 

            elm.data(dataKey, {
                options: dataOpts
            })
        }

        elm.on(settings.event, function(){
            datePicker( dataOpts );
        });
    })

    return this;
};


}(jQuery, WdatePicker));


// parse
$(function(){
    $(‘.easyui-My97DatePicker, .easyui-my97DatePicker‘).easyuiWrapMy97DatePicker();   
});