[javascript] js判断对象类型typeof与instanceof解决elementui时间插件默认时间问题

唯一Chat

发布于 2020-06-02 15:50:12

2.4K0

发布于 2020-06-02 15:50:12

文章被收录于专栏：陶士涵的菜地

在页面上有一个时间插件 , 默认是没有绑定初始时间的 , 当需要绑定初始时候时 , 只能给它赋值当前日期的Date对象

但是在调用接口的时候 , 要求传递的是一个指定格式的字符串 , 需要把Date对象转成时间字符串 , 这个时候就需要判断类型了

typeof 一般只能返回如下几个结果："number"、"string"、"boolean"、"object"、"function" 和 "undefined"。无法指定是Date类型 , 因此这里需要使用instanceof

用法是console.log(xxx instanceof Date) 这个语句会返回true或者false ,来判断对象类型

在elementui下给时间默认值这样用 , html部分

<el-date-picker
                                                    v-model="pickTime"
                                                    align="right"
                                                    type="date"
                                                    placeholder="选择日期"
                                                    value-format="yyyyMMdd"
                                                    :picker-options="pickerOptions">
                                            </el-date-picker>

绑定的pickTime , 在data里给一个初始值 pickTime:new Date(),

在进行搜索查询函数里进行类型判断 , 并且转换一下 , 格式转换函数在上一篇文章有

                getKeywordsList: function () {
                    let _this = this;
                    let data={};
                    if(this.keywordSearchKey!=""){
                        data.word=this.keywordSearchKey;
                    }
                    if(this.pickTime instanceof Date){
                        data.dt=this.formateTime(this.pickTime);
                    }
                    if(this.pickTime != "" && !(this.pickTime instanceof Date)){
                        data.dt=this.pickTime;
                    }
                    $.get('index.php?r=media/getkeywordsdata',data, function (rs) {
                        let res= JSON.parse(rs);
                        _this.keywordsList=res.result.rows;
                        _this.keywordCount=res.result.total;
                        _this.keywordSearchCount=res.result.total;
                        _this.displayAll();
                        _this.fullscreenLoading=false;
                    })
                },