基于Vue的日期选择组件

截图

代码

    <datepicker
        @change="pickDate"
        default-value="2017-05-05"
        format="yyyy-MM-dd"
        placeholder="请选择日期">
    </datepicker>

    export default {
        methods: {
            pickDate (v) {
                console.log(v)
            }
        },
        components: {
            datepicker
        }
    }

参数

参数	说明	类型	可选值	默认值
default-value	可选，默认显示的时间	String	可被new Date()解析	-
width	组件宽度	String	-	242px
placeholder	占位内容	String	-	-
format	输出日期格式	String	'yyyy-MM-dd, yyyy.MM.dd, yyyy/MM/dd'	yyyy-MM-dd

事件

事件名	说明	回调参数
change	当input的值改变时触发，返回值和文本框一致	格式化后的值，如: "2017-08-21"