<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>www</title>
</head>
<body>
<div id="app">
</div>
<script src="dist/build.js"></script>
</body>
</html>
import Vue from 'vue'
import App from './App.vue'
import Datetime from 'vue-datetime';
Vue.use(Datetime);
new Vue({
el: '#app',
render: h => h(App)
})
<template>
<div id="app">
<datetime v-model="date"
type="datetime"
input-format="DD-MM-YYYY HH:mm"
wrapper-class="my-wrapper-class"
input-class="my-input-class"
placeholder="Select date"
moment-locale="en"
:i18n="{ok:'Ok1', cancel:'Cancel1'}"
:disabled-dates="['2017-09-07', ['2017-09-25', '2017-10-05']]"
max-date="2017-12-10"
min-date="2017-07-10"
monday-first
auto-continue
auto-close
required></datetime>
</div>
</template>
<script>
export default {
name: 'app',
data () {
return {
date: ''
}
}
}
</script>
<style>
</style>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Vue Date Picker</title>
</head>
<body>
<div id="#app">
<datetime v-model="date"></datetime>
</div>
<script type="text/javascript" src="vue.min.js"></script>
<script type="text/javascript" src="src/Datetime.vue"></script>
<script type="text/javascript">
new Vue({
el: '#app',
data: {
date: ''
}
})
</script>
</body>
</html>