新版时间控件整理

****1.引入参数:
declare const laydate: any;

****2.初始化时间控件
    reLoadTimer():void{
        var doms = es('.js-timer')
        for (let i = 0; i < doms.length; i++) {
            laydate.render({
                elem: doms[i],
                type: 'datetime',
                position: 'absolute',
                theme: '#3f51b5',
            })
        }
    }
****3.取值操作
var over = $('.js-over-time').val()
        var send = $('.js-send-time').val()
        if (!send) {
            layer.msg('请选择过期时间')
            return
        }
        let begin_time = Number(this._commonService.date2Time(over)) // *开始时间
        let expire_time = send ? Number(this._commonService.date2Time(send)) : 0 // 到期时间
****4.赋值操作
if (obj) {
            this.now = obj;
           // this.now.begin_time = obj.begin_time;
            //this.now.expire_time = obj.expire_time;
            $('.js-over-time').val(obj.begin_time)
            $('.js-send-time').val(obj.expire_time)
            this.findByTypesChoice(obj.type)
        }
****5.格式化时间——列表展示
//洗数据
    deep(r): void {
        for (let i of r) {
            i["time"] = this._commonService.time2Date(i.created, true, '-');
            i["begin_time"] = this._commonService.time2Date(i.begin_time, true, '-');
            i["expire_time"] = this._commonService.time2Date(i.expire_time, true, '-');
            i["urls"] = i.url.slice(0, 25)
            i["typeName"] = this.findByTypes(i.type)
            i["typeId"] = i.type
        }
        return r
    }
****6.界面调用——布局相关
<div style="overflow: auto;margin-top: 20px">
                <div class="wn-input-box has-title clearfix timer" style="margin-right: 20px;float: left">
                    <label class="title" style="width: 60px;">开始时间</label>
                    <label class="input-box" style="width: 60%">
                        <!--exTime-->
                        <input type="text" class="wn-input pull-l js-timer js-over-time">
                    </label>
                </div>
                <div class="wn-input-box has-title clearfix timer" style="float: left">
                    <label class="title" style="width: 60px;">过期时间</label>
                    <label class="input-box" style="width:60%">
                        <!--sendTime-->
                        <input type="text" class="wn-input pull-l js-timer js-send-time">
                    </label>
                </div>

                <br><br>
            </div>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容