time-picker.vue 408 B

12345678910111213141516171819202122
  1. <template>
  2. <div class="example-basic">
  3. <el-time-picker v-model="value1" placeholder="Arbitrary time" />
  4. <el-time-picker
  5. v-model="value2"
  6. arrow-control
  7. placeholder="Arbitrary time"
  8. />
  9. </div>
  10. </template>
  11. <script lang="ts" setup>
  12. import { ref } from 'vue'
  13. const value1 = ref()
  14. const value2 = ref()
  15. </script>
  16. <style>
  17. .example-basic .el-date-editor {
  18. margin: 8px;
  19. }
  20. </style>