<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="../css/antd.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="../js/vue.js"></script>
<script type="text/javascript" src="../js/moment.js"></script>
<script type="text/javascript" src="../js/antd.js"></script>
</head>
<body>
<div id="app">
<template>
<div>
<a-date-picker @change="onChange" placeholder="Select date"/>
<br/>
<a-month-picker @change="onChange" placeholder="Select month"/>
<br/>
<a-range-picker @change="onChange"/>
<br/>
<a-week-picker @change="onChange" placeholder="Select week"/>
</div>
</template>
</div>
<script type="text/javascript">
new Vue({
el: "-sharpapp",
data: {},
methods: {
onChange(date, dateString) {
console.log(date, dateString);
}
}
});
</script>
</body>
</html>when I use antd-vue like this, there is something wrong with the rendering result. I only render a date selector
:
I don"t know what I wrote wrong. QAQ