Crud 模块

日期控件

日期 - 图1

设置dateBtntrue时 可以激活表格的多功能日期控件,设置dateDefaulttrue时默认选中今天日期,同时回调函数date-change返回当前的日期值

  1. <avue-crud :data="data" :option="option" @date-change="dateChange"></avue-crud>
  2. <script>
  3. export default {
  4. data() {
  5. return {
  6. data: [
  7. {
  8. name:'张三',
  9. sex:'男'
  10. }, {
  11. name:'李四',
  12. sex:'女'
  13. }
  14. ],
  15. option:{
  16. page:false,
  17. align:'center',
  18. menuAlign:'center',
  19. dateBtn:true,
  20. column:[
  21. {
  22. label:'姓名',
  23. prop:'name'
  24. }, {
  25. label:'性别',
  26. prop:'sex'
  27. }
  28. ]
  29. },
  30. };
  31. },
  32. methods: {
  33. dateChange(val){
  34. this.$message.success(val);
  35. }
  36. }
  37. }
  38. </script>
  39. <style>
  40. </style>