javascript Vue JS Wrapper组件

Posted 2021-05-03

Vue.component('date-picker', function() {
  template: '<input/>',
  mounted: function() {
    $(this.$el).datepicker();
  }
});

<template>
    <input type="text" :class='pickerClasses' name="datepicker" placeholder="">
</template>

<script>
    export default {
        name: "DatePicker",
        props: {
            "pickerClasses": {default: "form-control"},
            'dateFormat': {default: "mm/dd/yyyy"},
            'multidate': {default: false},
            'multidateSeparator': {default: " | "},
            'showClearButton': {default: true},
            'todayHighlight': {default: true},
            // etc
        },
        mounted: function() {
            $(this.$el).datepicker();
        }
    }
</script>

<style scoped>

</style>