datepicker.html 678 B

12345678910111213141516171819202122232425262728293031323334
  1. <style>
  2. </style>
  3. <div id="{$name}">
  4. <input type="hidden" name="{$name}" :value="value">
  5. <el-date-picker
  6. v-model="value"
  7. type="date"
  8. format="yyyy-MM-dd"
  9. value-format="yyyy-MM-dd"
  10. placeholder="选择日期"
  11. size="small"
  12. style="width:100%"
  13. >
  14. </el-date-picker>
  15. </div>
  16. <script>
  17. new Vue({
  18. el: '#{$name}',
  19. data: function() {
  20. return {
  21. value: '{$val}'
  22. }
  23. },
  24. watch: {
  25. value: function (newVal, oldVal) {
  26. $('input[name={$name}]').val(newVal);
  27. }
  28. },
  29. created(){
  30. }
  31. })
  32. </script>