SAPUI5中的jQuery日期选择器

时间:2014-06-03 12:44:22

标签: javascript jquery datepicker sapui5

我知道SAPUI5正在使用jQuery Date Picker。但是我在SAPUI datepicker中看不到任何选项来禁用选择器中的过去日期。

<commons:DatePicker 
         width="11em" 
         id="date2" 
         change="date" 
         locale="de-DE" 
         placeholder="{
                    path : 'modelQmTestDetails>EndDate',
                    formatter : 'util.Formatter.sDate'
         }"
         tooltip="Edit End Date"> 
</commons:DatePicker >

有没有选择呢?

修改

我的应用程序的主文件

(function () {
    "use strict";

    jQuery.sap.declare("Application");
    jQuery.sap.require("sap.ui.app.Application");
    jQuery.sap.require("model.Config");
    jQuery.sap.require("jquery.sap.history");
    jQuery.sap.require("jquery.sap.storage");
    jQuery.sap.require("util.ServiceConfig");

    sap.ui.app.Application.extend("Application", {
        init: function () {

        },

        main: function () {
            // create app view and put to html root element
            var root = this.getRoot();
            sap.ui.jsview("app", "view.App").placeAt(root);
        }
    });
}());

我的控制器文件,

jQuery.sap.require("util.Formatter");
jQuery.sap.require("util.Networkaccess");

sap.ui.controller("view.QM.QmMaster", {

    onInit: function () {

    },

    onBeforeRendering: function (evt) {
    },

    onAfterRendering: function (evt) {

    },

    onExit: function () {

    },
});

1 个答案:

答案 0 :(得分:2)

通过停用过去的日期,我认为是set the jQueryUI DatePickers minimum date

类似于setting min date in jquery datepicker

您可以尝试扩展控件并更改默认值

(function() {
 jQuery.sap.declare("openui5.DatePicker");
 jQuery.sap.require("sap.ui.commons.DatePicker");
 sap.ui.commons.DatePicker.extend("openui5.DatePicker", {
     renderer: {
     },

     init: function() {
         if (sap.ui.commons.DatePicker.prototype.init) {
             sap.ui.commons.DatePicker.prototype.init.apply(this, arguments);
         }
         var defaults = jQuery.datepicker._defaults;
         defaults.yearRange = '2014:2034';
         defaults.minDate = new Date();
         jQuery.datepicker.setDefaults(defaults); 
     }
 });
}());