# element-ui 增强指令

### 导入使用
```code[javascript]
import dateFormat from "niceloo-vue2element-ui/service/filters/date-format";
```
### DEMO
:::demo
```html

<template>
    <div style="width:100%;height:200px" >
        <p>年月日时分秒：{{'2022-05-06 09:34' | dateFormat('YYYY-MM-DD hh:mm:ss')}}</p>
        <p>年月日时分：{{'2022-05-06 09:34' | dateFormat('YYYY-MM-DD hh:mm')}}</p>
        <p>年月日时分秒：{{'2022-05-06 09:34:33 ' | dateFormat('YYYY-MM-DD hh:mm:ss')}}</p>
        <p>年月日时分：{{'2022-05-06 09:34:33 ' | dateFormat('YYYY-MM-DD hh:mm')}}</p>
        <p>年月日：{{'2022-05-06 09:34:33 ' | dateFormat('YYYY-MM-DD')}}</p>
        <p>时分秒：{{'2022-05-06 09:34:33 ' | dateFormat('hh:mm:ss')}}</p>
        <p>时分：{{'2022-05-06 09:34:33 ' | dateFormat('hh:mm')}}</p>
    </div> 
</template>

<script>
export default {
    filters:{
        dateFormat
    },
    data() {
      return {
      };
    },
    methods:{
    }
}
</script>
```
:::