今天老板让我们用SharePoint做了一个时间倒计时的插件，主要功能就是，手动输入你想查询的节日，然后输入日期，得出一个该节日的倒计时结果。其效果就是当你进入页面刷新显示倒计时天数。其最终成品是一个APP应用文件，下载后在页面添加应用可直接使用。


下面是主要代码内容：
function mycountrydate() {
            var dtStr = getQueryStringValue("Date");//获取输入时间
            var dtArr = dtStr.replace(/-/g, "/");//格式定义
            var dt = new Date(dtArr);//字符串转化为日期
            var myyear = dt.getFullYear();//年
            var mymonth = dt.getMonth()+1;//月
            var myday = dt.getDate();//日
            ShowCountDown(myyear, mymonth, myday, 'CountDownSpace');
            function ShowCountDown(year, month, day, divname) {
                var message = getQueryStringValue("EventName");
                var now = new Date();//获取系统当前时间
                var endDate = new Date(year, month - 1, day+1);
                var leftTime = endDate.getTime() - now.getTime(); // 时间差：活动结束时间减去当前时间
                //判断如果活动时间大于0则运行以下代码
                if (leftTime > 0) {
                    // 相减的差数换算成天数
                    var leftsecond = parseInt(leftTime / 1000);
                    var day1 = Math.floor(leftsecond / (60 * 60 * 24));
                    var hour = Math.floor((leftsecond - day1 * 24 * 60 * 60) / 3600);
                    var minute = Math.floor((leftsecond - day1 * 24 * 60 * 60 - hour * 3600) / 60);
                    var second = Math.floor(leftsecond - day1 * 24 * 60 * 60 - hour * 3600 - minute * 60);
                    var cc = document.getElementById(divname);
                    // 显示格式
                    if (day1 == 0 && hour != 0 && minute != 0 && second != 0) {                                           //如果不满24小时，仍旧按1天显示
                        cc.innerHTML = "离" + message + ":" + year + "年" + month + "月" + day + "日还有：1天";
                    }
                    else {
                        cc.innerHTML = "离" + message + ":" + year + "年" + month + "月" + day + "日还有：" + day1 + "天";
                    }
                }
                    //否则提示以下数据
                else {
                    var cc = document.getElementById(divname);
                    cc.innerHTML = "日期已过";
                }
            }
        }

Web部件自定义设定

untitled.png (7.83 KB)

2014-10-22 12:15

编译内容：

                       Type="string"
                WebBrowsable="true"
                WebDisplayName="活动日名字"
                WebDescription="输入活动日名字"
                WebCategory="Morioka CountDown Settings"
                DefaultValue="公司纪念日"
                RequiresDesignerPermission="true"/>
                       Type="string"
                WebDisplayName="日期（格式 YYYY/MM/DD）"
                WebDescription="输入日期"
                WebCategory="Morioka CountDown Settings"
                DefaultValue="2014/10/23"
                RequiresDesignerPermission="true"/>
   


第一个SharePoint成品，写的不好还望大家多多包含。如果有什么意见或建议还请给位大神提出来，以便于我的提高。