formatdatetime.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334
  1. <template>
  2. <div>
  3. <nut-demoheader
  4. :name="$route.name"
  5. ></nut-demoheader>
  6. <br>
  7. <div><nut-formatdatetime :datetime="1280977330748" dateformat="yyyy-mm-dd hh:ii:ss"></nut-formatdatetime></div>
  8. <br>
  9. <div><nut-formatdatetime datetime="2015-02-18 15:23:48" dateformat="mm/dd/yyyy hh:ii:ss"></nut-formatdatetime></div>
  10. <br>
  11. <div><nut-formatdatetime datetime="1280977330748" dateformat="yyyy-mm-dd"></nut-formatdatetime></div>
  12. <br>
  13. <div><nut-formatdatetime datetime="1280977330748" dateformat="hh:ii"></nut-formatdatetime></div>
  14. </div>
  15. </template>
  16. <script>
  17. import Vue from 'vue';
  18. export default {
  19. data(){
  20. return{
  21. demo1:'<nut-formatdatetime :datetime="1280977330748" dateformat="yyyy-mm-dd hh:ii:ss"></nut-formatdatetime>',
  22. demo2:'<nut-formatdatetime datetime="2015-02-18 15:23:48" dateformat="mm/dd/yyyy hh:ii:ss"></nut-formatdatetime>',
  23. demo3:'<nut-formatdatetime datetime="1280977330748" dateformat="yyyy-mm-dd"></nut-formatdatetime>',
  24. demo4:'<nut-formatdatetime datetime="1280977330748" dateformat="hh:ii"></nut-formatdatetime>',
  25. }
  26. }
  27. }
  28. </script>
  29. <style>
  30. </style>