jacques33 / vue-horizontal-calendar Goto Github PK
View Code? Open in Web Editor NEWa horizontal calendar component for Vue.js
Home Page: http://calendar.wantalone.com/
a horizontal calendar component for Vue.js
Home Page: http://calendar.wantalone.com/
如题
It will be great if we can hide the arrows when there are no dates for selection before or after the shown range.
Currently I am using it with start date as current date. But with the left arrow shown, the users may think they can select the dates before current date as well.
As the tittle says, how can I show events on the dates?
I have the calendar working but I need to add events to specific dates.
Sorry if it's stupid quetion ; )
手机上无法兼容
How can I customize your component?
I can not make it work
Can you give me an example? please
thank you
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>vue-slideout-panel</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css">
</head>
<body>
<style>
</style>
<div id="app">
<div class="container mt-4">
<p class="excample-text">{{choosedDay2.dateFormat}} 星期{{choosedDay2.day}}</p>
<vue-horizontal-calendar lang="en" choosedDate="2021/08/02" v-on:change="dateChange2"></vue-horizontal-calendar>
</div>
</div>
<!-- <script src="vue-horizontal-calendar-0.9.0/lib/vue-horizontal-calendar.umd.js"></script> -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/vue-horizontal-calendar.umd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script>
// Vue.use("vue-horizontal-calendar");
Vue.component("VueHorizontalCalendar", window["vue-horizontal-calendar"]);
var vm = new Vue({
el: '#app',
data: {
choosedDay2: {
dateFormat: "",
year: "",
month: "",
date: "",
day: "",
timestamp: ""
},
},
methods: {
dateChange2(day) {
this.choosedDay2 = day;
},
}
})
</script>
</body>
</html>
Hey, can you please see this and check if you can help in any way? Thanks -- egoist/vue-client-only#105 (comment)
Below is my code
<template>
<vue-horizontal-calendar lang="en" :minDate='tomorrow' swipeSpace="5" choosedItemColor="rgb(249, 197, 46)"></vue-horizontal-calendar>
{{tomorrow}}
</template>
data(){
return{
tomorrow : new Date(new Date().setDate(new Date().getDate() + 1))
}
}
Think it should start showing from 24 Fr instead of 23 Th..
But is showing 23 Th as well.
Thanks a lot for this nice library.
It will great if we are customise the format of display inside the selection boxes
E.g
3 words for day instead of 2
Showing month date and day instead of day and date only.
Hi,
steps :
1-c import VueHorizontalCalendar from 'vue-horizontal-calendar'
2- export default { components: { VueHorizontalCalendar },
add it to the template
3- <VueHorizontalCalendar lang="en" />
mac os
project is nuxt.js /vuejs
when refreshing the page it gives an error in the file node_modules/vue-horizontal-calendar/lib/vue-horizontal-calendar.umd.min.js
"ReferenceError
window is not defined"
Currently, there is an option of selecting either of two languages, Chinese or English.
Can it also support Portuguese or any other language?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.