记一次重写easyui的datetimebox控件的小片段

因为项目中服务器使用UTC时间，而easyui的datetimebox点击今天获取的是本地时间，存在时差。所以扩展了easyui的datetimebox控件，具体如下：

easyui官方的datetimebox控件如下：

扩展代码如下：

//重写datebox今天按钮事件,点击设置事件从服务器取
var formatterNowDateBox = "loginBegin,loginEnd,userCreatedBegin,userCreatedEnd".split(",");
 $(function(){
    var buttons = $.extend([], $.fn.datetimebox.defaults.buttons);
    buttons.splice(0, 1, {
        text: '<spring:message code="今天" />',
        handler: function(target){
            for(var i = 0; i <formatterNowDateBox.length;i++){
            if(target.id == formatterNowDateBox[i]){
                $.ajax({
                    type:"GET",
                    dataType:"json",
                    url:"127.0.0.1:80/server/getServerTime.htm?dateTimeBoxId="+formatterNowDateBox[i],
                    success:function(res){
                        $("#" + res.dateTimeBoxId).datetimebox("setValue",res.date);
                        //hidePanpel继承自combo控件
                        $("#" + res.dateTimeBoxId).datetimebox("hidePanel");
                    }
                });
                }
            }
        }
    });
    for(var i = 0; i <formatterNowDateBox.length;i++){
        $('#'+formatterNowDateBox[i]).datetimebox({
            buttons: buttons
        });
    }
}) 

因为项目中采用了国际化，所以使用了spring message标签，

formatterNowDateBox 变量定义了需要重写的控件id，实际项目中一个页面不会只有一个日期选择框，如果每个日期框都去重写一次代码看起来很冗余，所以定义了数组，存放id，同时ajax请求的时候把id传过去，返回的时候带上id就可以了。

因为是本地测试所以ajax请求的url写死了。