Skip to content
项目
群组
代码片段
帮助
正在加载...
帮助
提交反馈
为 GitLab 提交贡献
登录
切换导航
iBiz-Vue-Mob-R7-Res
项目
项目
详情
动态
版本
周期分析
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
议题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
计划
统计图
Wiki
Wiki
代码片段
代码片段
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
统计图
创建新议题
作业
提交
议题看板
打开侧边栏
iBiz-R7前端标准模板
iBiz-Vue-Mob-R7-Res
提交
3a345895
提交
3a345895
编写于
8月 17, 2020
作者:
zhujiamin
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Revert "debug 时间格式化"
This reverts commit
72aa7246
.
上级
72aa7246
变更
1
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
57 行增加
和
64 行删除
+57
-64
app-mob-datetime-picker.vue
...nents/app-mob-datetime-picker/app-mob-datetime-picker.vue
+57
-64
未找到文件。
src/components/app-mob-datetime-picker/app-mob-datetime-picker.vue
浏览文件 @
3a345895
<
template
>
<div
class=
"app-mobile-datetime-picker"
>
<ion-icon
v-if=
"curValue"
name=
"close-circle-outline"
@
click=
"clear"
></ion-icon>
<ion-datetime
:max=
"max"
:min=
"min"
display-format=
"YYYY-MM-DD hh:mm"
:value=
"value"
:placeholder=
"placeholder"
:disabled=
"disabled"
@
ionChange=
"valueChange($event)"
:cancel-text=
"$t('cancel_text')"
:done-text=
"$t('done_text')"
></ion-datetime>
</div>
<div
class=
"app-mobile-datetime-picker"
>
<ion-icon
v-if=
"curValue"
name=
"close-circle-outline"
@
click=
"clear"
></ion-icon>
<ion-datetime
:max=
"max"
:min=
"min"
display-format=
"YYYY-MM-DD hh:mm"
:value=
"value"
:placeholder=
"placeholder"
:disabled=
"disabled"
@
ionChange=
"valueChange($event)"
:cancel-text=
"$t('cancel_text')"
:done-text=
"$t('done_text')"
></ion-datetime>
</div>
</
template
>
<
script
lang=
"ts"
>
import
{
Vue
,
Component
,
Prop
,
Provide
,
Emit
,
Watch
,
}
from
'vue-property-decorator'
;
const
moment
=
require
(
'moment'
);
import
{
Vue
,
Component
,
Prop
,
Provide
,
Emit
,
Watch
}
from
'vue-property-decorator'
;
const
moment
=
require
(
'moment'
);
@
Component
({
@
Component
({
i18n
:
{
messages
:
{
'ZH-CN'
:
{
cancel_text
:
'取消'
,
done_text
:
'完成'
,
},
'EN-US'
:
{
cancel_text
:
'cancel'
,
done_text
:
'submit'
,
},
},
messages
:
{
'ZH-CN'
:
{
cancel_text
:
'取消'
,
done_text
:
'完成'
},
'EN-US'
:
{
cancel_text
:
'cancel'
,
done_text
:
'submit'
}
}
},
components
:
{},
})
export
default
class
AppDateTimePicker
extends
Vue
{
components
:
{
}
})
export
default
class
AppDateTimePicker
extends
Vue
{
/**
* 传入值
*
* @type {string}
* @memberof AppDateTimePicker
*/
@
Prop
()
public
value
?:
string
;
@
Prop
()
public
value
?:
string
;
/**
* 当前选中值
* @memberof AppDateTimePicker
*/
public
curValue
:
any
=
this
.
value
;
public
curValue
:
any
=
this
.
value
;
/**
* 当前日期
* @type {*}
* @memberof MOBILEENTITY3Canlen
*/
protected
currentDate
:
any
=
new
Date
().
getFullYear
();
protected
currentDate
:
any
=
new
Date
().
getFullYear
();
/**
* 当前选中值
* @memberof AppDateTimePicker
*/
public
min
:
any
=
this
.
currentDate
-
100
;
public
max
:
any
=
this
.
currentDate
+
100
;
public
min
:
any
=
this
.
currentDate
-
100
;
public
max
:
any
=
this
.
currentDate
+
100
;
/**
* 是否禁用
...
...
@@ -79,7 +72,7 @@
* @type {boolean}
* @memberof AppDateTimePicker
*/
@
Prop
()
public
disabled
?:
boolean
;
@
Prop
()
public
disabled
?:
boolean
;
/**
* placeholder
...
...
@@ -87,33 +80,33 @@
* @type {boolean}
* @memberof AppDateTimePicker
*/
@
Prop
()
public
placeholder
?:
string
;
@
Prop
()
public
placeholder
?:
string
;
/**
*时间选择改变
*
* @param event{*}
* @memberof AppDateTimePicker
*/
public
valueChange
(
event
:
any
)
{
this
.
curValue
=
moment
(
event
.
detail
.
value
).
format
(
'YYYY-MM-DD hh:mm:ss'
)
;
this
.
$emit
(
'change'
,
this
.
curV
alue
);
*
* @param event{*}
* @memberof AppDateTimePicker
*/
public
valueChange
(
event
:
any
)
{
this
.
curValue
=
event
.
detail
.
value
;
this
.
$emit
(
'change'
,
event
.
detail
.
v
alue
);
}
/**
* 清空值
* @memberof AppDateTimePicker
*/
public
clear
()
{
this
.
curValue
=
null
;
this
.
$emit
(
'change'
,
''
);
}
public
clear
(){
this
.
curValue
=
null
;
this
.
$emit
(
'change'
,
''
)
}
created
()
{
console
.
log
(
this
.
currentDate
);
created
(){
console
.
log
(
this
.
currentDate
);
}
}
}
</
script
>
<
style
lang=
"less"
>
@import './app-mob-datetime-picker.less';
</
style
>
@import './app-mob-datetime-picker.less';
</
style
>
\ No newline at end of file
编辑
预览
Markdown
格式
0%
请重试
or
添加新附件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
先完成此消息的编辑!
取消
想要评论请
注册
或
登录