zoukankan      html  css  js  c++  java
  • [javascript] js判断对象类型typeof与instanceof解决elementui时间插件默认时间问题

    在页面上有一个时间插件 , 默认是没有绑定初始时间的 , 当需要绑定初始时候时 , 只能给它赋值当前日期的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;
                        })
                    },

  • 相关阅读:
    centos 添加 composer
    laravel5 缓存的使用
    git 的使用
    php 消息队列 rabbitmq 的安装使用
    vue插件大汇总
    vue 2.0 Gzip打包压缩
    Easy Mock 为啥那么打不开了?
    element ui 打印 表格
    解决 element 日期范围选择问题(只能选择相邻的 连两个月)
    vue router 的路由传参 params 和 query 的 区别
  • 原文地址:https://www.cnblogs.com/taoshihan/p/12988820.html
Copyright © 2011-2022 走看看