时间控件可选为每月月末，其他时间不可选（帆软填报）

最新推荐文章于 2024-05-20 17:45:46 发布

原创

最新推荐文章于 2024-05-20 17:45:46 发布 · 1.8k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#bi #帆软

本文介绍了一个日期选择器组件的创建过程，包括初始化配置、日期范围设置及UI展示逻辑。通过解析依赖参数，实现对起始和结束日期的设定，并详细展示了DatePicker组件的构造及其内部方法，如加载日期数据等。

this._createCalendar = function(){
   
   
        debugger;
        var o = this.options;
        var self = this;
        if (this.options.need2BuildConfig === true && this.options.data) {
   
   
                this.options.data.resetStatus(this.createDependencePara4Data());
                var data = this.options.data.getData();
                if (data[0].data) {
   
   
                        if (data[0].data.startDate) {
   
   
                                var sd = new Date(data[0].data.startDate);
                                if (!FR.isInvalidDate(sd)) {
   
   
                                        o.startDate = FR.date2Str(sd, 'yyyy-MM-dd');
                                        this.std = this._createStartDate(o.startDate, o.format, this.viewMode);
                                }   
                        }
                        if (data[0].data.endDate) {
   
   
                                var ed = new Date(data[0].data.endDate);
                                if (!FR.isInvalidDate(ed)) {
   
   
                                        o.endDate = FR.date2Str(ed, 'yyyy-MM-dd');
                                        this.edd = this._createEndDate(o.endDate, o.format, this.viewMode);
                                }
                        }
                }
                this.options.rebuildConfig = false;
        }
        this.datepicker = new FR.DatePicker({
   
   
                renderEl: this.$view,
                viewMode: this.viewMode,
                date: FR.str2Date(this.editComp.val(), o.format),
                dateFormat: o.format,
                startDate: this.std,
                endDate: this.edd,
                onDateUpdate:function(){
   
   
                        if ($(':focus').length === 0