提交 3a345895 编写于 作者: zhujiamin's avatar zhujiamin

Revert "debug 时间格式化"

This reverts commit 72aa7246.
上级 72aa7246
<template> <template>
<div class="app-mobile-datetime-picker"> <div class="app-mobile-datetime-picker">
<ion-icon <ion-icon v-if="curValue" name="close-circle-outline" @click="clear"></ion-icon>
v-if="curValue" <ion-datetime
name="close-circle-outline" :max="max"
@click="clear" :min="min"
></ion-icon> display-format="YYYY-MM-DD hh:mm"
<ion-datetime :value="value"
:max="max" :placeholder="placeholder"
:min="min" :disabled="disabled"
display-format="YYYY-MM-DD hh:mm" @ionChange="valueChange($event)"
:value="value" :cancel-text="$t('cancel_text')"
:placeholder="placeholder" :done-text="$t('done_text')"
:disabled="disabled" ></ion-datetime>
@ionChange="valueChange($event)" </div>
:cancel-text="$t('cancel_text')"
:done-text="$t('done_text')"
></ion-datetime>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { import { Vue, Component, Prop, Provide, Emit, Watch } from 'vue-property-decorator';
Vue, const moment = require('moment');
Component,
Prop,
Provide,
Emit,
Watch,
} from 'vue-property-decorator';
const moment = require('moment');
@Component({
@Component({
i18n: { i18n: {
messages: { messages: {
'ZH-CN': { 'ZH-CN': {
cancel_text: '取消', cancel_text: '取消',
done_text: '完成', done_text: '完成'
}, },
'EN-US': { 'EN-US': {
cancel_text: 'cancel', cancel_text: 'cancel',
done_text: 'submit', done_text: 'submit'
}, }
}, }
}, },
components: {}, components: {
})
export default class AppDateTimePicker extends Vue { }
})
export default class AppDateTimePicker extends Vue {
/** /**
* 传入值 * 传入值
* *
* @type {string} * @type {string}
* @memberof AppDateTimePicker * @memberof AppDateTimePicker
*/ */
@Prop() public value?: string; @Prop() public value?:string;
/** /**
* 当前选中值 * 当前选中值
* @memberof AppDateTimePicker * @memberof AppDateTimePicker
*/ */
public curValue: any = this.value; public curValue:any = this.value;
/** /**
* 当前日期 * 当前日期
* @type {*} * @type {*}
* @memberof MOBILEENTITY3Canlen * @memberof MOBILEENTITY3Canlen
*/ */
protected currentDate: any = new Date().getFullYear(); protected currentDate:any = new Date().getFullYear();
/** /**
* 当前选中值 * 当前选中值
* @memberof AppDateTimePicker * @memberof AppDateTimePicker
*/ */
public min: any = this.currentDate - 100; public min:any = this.currentDate - 100;
public max: any = this.currentDate + 100; public max:any = this.currentDate + 100;
/** /**
* 是否禁用 * 是否禁用
...@@ -79,7 +72,7 @@ ...@@ -79,7 +72,7 @@
* @type {boolean} * @type {boolean}
* @memberof AppDateTimePicker * @memberof AppDateTimePicker
*/ */
@Prop() public disabled?: boolean; @Prop() public disabled?:boolean;
/** /**
* placeholder * placeholder
...@@ -87,33 +80,33 @@ ...@@ -87,33 +80,33 @@
* @type {boolean} * @type {boolean}
* @memberof AppDateTimePicker * @memberof AppDateTimePicker
*/ */
@Prop() public placeholder?: string; @Prop() public placeholder?:string;
/** /**
*时间选择改变 *时间选择改变
* *
* @param event{*} * @param event{*}
* @memberof AppDateTimePicker * @memberof AppDateTimePicker
*/ */
public valueChange(event: any) { public valueChange(event:any){
this.curValue = moment(event.detail.value).format('YYYY-MM-DD hh:mm:ss'); this.curValue = event.detail.value;
this.$emit('change', this.curValue); this.$emit('change',event.detail.value);
} }
/** /**
* 清空值 * 清空值
* @memberof AppDateTimePicker * @memberof AppDateTimePicker
*/ */
public clear() { public clear(){
this.curValue = null; this.curValue = null;
this.$emit('change', ''); this.$emit('change','')
} }
created() { created(){
console.log(this.currentDate); console.log(this.currentDate);
} }
} }
</script> </script>
<style lang="less"> <style lang="less">
@import './app-mob-datetime-picker.less'; @import './app-mob-datetime-picker.less';
</style> </style>
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册