****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>
新版时间控件整理
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 这8种学生永远拿不到高分!早看早受益! 下面是一位资深班主任总结了8种成绩提不上去的原因,分别对应8类孩子,如果你...
- 这8种学生永远拿不到高分!早看早受益! 下面是一位资深班主任总结了8种成绩提不上去的原因,分别对应8类孩子,如果你...
- 【主题类型】自选 【导图亮点】中心图明显,有表现力,各分支图文并茂。 【导图解说】 1. 中心图:台灯加高高摞在一...