datepicker - SAPUI5中如何选择日历周？

Question

我正在寻找一种使用 DatePicker 仅选择日历周的方法。 有没有一种方法可以配置该控件，使其允许选择一周并在本周之外发送 DateTime 元素？

我检测到以下条目以及格式选项列表，但周格式似乎不起作用: http://scn.sap.com/community/developer-center/front-end/blog/2013/04/28/working-with-odata-dates

此代码似乎不起作用:

new sap.m.DatePicker({
  value : {
    path : "DateTime",
    type : new sap.ui.model.type.Date({pattern: "w yy"})
  }
}),

绑定(bind)到 Edm:DateTime 类型的 OData 属性 DateTime

Answer 1

需要注意的几点:

虽然SAPUI5说它支持一年中的几周，但目前不!//我测试过

为什么？ SAPUI5的DateFormat.js文件中

case "weekInYear":
    sWeek = "";
    //TODO getWeek does not exist on Date object
    //-> this is a preparation for a future or custom week support
    if (oDate.getWeek) {
        sWeek += oDate.getWeek();
    }
    aBuffer.push(jQuery.sap.padLeft(sWeek, "0", oPart.iDigits));
    break;

如您所见，它在TODO列表中!!

解决方法？是的:

jQuery.sap.require("sap.ui.core.format.DateFormat");

//define getWeek function
Date.prototype.getWeek = function () {
    var d = new Date(+this);
    d.setHours(0, 0, 0);
    d.setDate(d.getDate() + 4 - (d.getDay() || 7));
    return Math.ceil((((d - new Date(d.getFullYear(), 0, 1)) / 8.64e7) + 1) / 7);
};
var oDateFormat = sap.ui.core.format.DateFormat.getDateInstance({
    pattern: "w y"
});
var oDatePicker = new sap.m.DatePicker({
    dateValue: new Date(),
    displayFormat: "w y"
})

JSBin code piece is here