Giter Club home page Giter Club logo

vue-mobile-calendar's People

Contributors

gqbre avatar h-zk avatar lx544690189 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

vue-mobile-calendar's Issues

minDate maxDate 等参数动态改变视图不能实时更新问题

部分动作才会触发 createdDate 方法更新日历视图,导致 minDate maxDate这些props动态更新不能实时更新视图,要触发指定的一些动作才会更新视图。希望这个可以改进下,比如场景:开始日期、结束日期两个日历选择框,某一个选择之后,会影响另一个的最大或最小可选范围。

version 3.3.0 弹窗模式下,点击遮罩层不关闭。

代码如下:
`

<style lang="less"> </style>
选择日期
<script> export default { data(){ return{showCal:false} }, methods: { onChange(date) { console.log(date.format('YY-MM-DD')); this.showCal=false; } } } </script> ` 使用了vant 有赞的UI 版本为2.1.8

改变disabledDate的值 组件不会实时更新

一开始给disabledDate赋值为 [ ], 然后点击页面上其他操作请求数据 往disabledDate里面赋值 数据回来了 组件不会更新,点击一下 组件上的任意数字 就可以更新了

弹出框

无法与 vue实现双向绑定 通过代码改变当前选中时间时 弹出框选中不会更改 在次点开日期选择还是之前选择的日期

使用的getUTCDate有问题

assignSelectedDate函数中,
if(this.minDate && date - new Date(this.minDate.getFullYear(),this.minDate.getMonth(),this.minDate.getUTCDate()) < 0
|| this.maxDate && date - new Date(this.maxDate.getFullYear(),this.maxDate.getMonth(),this.maxDate.getUTCDate()+1) > 0)

这段代码会导致设定的最大时间有bug。改成getDate(),并且不+1就好了

忽略

抱歉,评论错地方了

switch 绑定之后没反应,请帮忙看一下,谢谢

<!-- 日历 --> <inlineCalendar :defaultDate="calendarDefaultDate" :switch="calendarSwitch" @change="onChangeDate" > <template v-slot:day="scope"> <div v-if="scope.date.value === 1" class="point" /> </template> </inlineCalendar>
calendarSwitch(date){ console.log("calendarSwitch" + date.year + ","+date.month) },

during:时间段选择模式

during:时间段选择模式 选择一开始时间触发一次change,选择结束时间又触发一次,选择完弹窗不会关闭

我这里局部注册有问题

日程组件中
import {inlineCalendar} from ‘vue-mobile-calendar’
components:{
inlineCalendar
}
报错了说这个组件没注册,node_modules里面有报红

关于显示与隐藏

github 上写着使用 v-model 来控制显示隐藏,然而v-model 根本不能控制,
后来 使用 show 才能控制 显示和隐藏,请作者把文档修改一下,我差点就放弃使用了

<calendar
@change="handelChange"
:show = 'calendarShow'
>

defaultDate的传值只显示在初始渲染时的日期

<inlineCalendar ref="myCalendar" v-if="showCal" mode="multiple" @change="onChange" @switch="handelSwitch" :defaultDate="selectedDate"/>

这里的 selectedDate 只存了初始时月份的选中日期
本来想在切换<年份-月份>时 从接口查询切换到的<年份-月份>的已选中日期进行渲染

但是把 this.selectedDate = this.selectedDate.concat([返回的日期数组]) 这样操作时
this.selectedDate 的值改变了 但默认选中的日期并没有变化

关于vue页面单独引入无效的问题

目前用的版本是
"vue-mobile-calendar": "^3.3.0",

在vue模式下使用,但是照着使用说明上的引入会报错:无法找到组件。
所以我采用了在单独页面将所有组件引入
import Calendar from 'vue-mobile-calendar';
然后通过这样的方式引入
components:{
inlineCalendar: Calendar.inlineCalendar,
}

还有,提一个小建议,希望选中日期后(指单选和多选)再次点击能取消。哪怕它只有一个,因为当我选中了一个后,再点击,发现没办法取消

大神跪求解答!!

在日历组件中自定义日期内容插槽中,scope.date.dateTime为当前日期(dayjs类型),这个是否可以举一个例子?因为value的话,每个月都是显示同样的东西了,想要的效果是,不同日期,日期中的文字标记是不一样的,就像日程一样,跪求解答。谢谢

transform为非none时影响position:fixed定位

场景:在填写表单时,我需要动态添加分录,每个分录都有一个日期选择组件,用以保存已选择的日期。如果整个表单的容器使用了better-scroll初始化(使得日期选择组件的祖先元素上出现了transform:translate属性),那么这个日期选择组件就会相对于这个祖先元素定位,而不是视口。需要滚动后才能把日历显示完整。
请问在不替换better-scroll的情况下(原生的滚动效果不流畅),如何解决这个问题??我看了很多datepicker组件,他们也应该会出现这个问题。

在change事件中,设置跳转事件会发生报错

绑定了一个跳转事件,点击时间的时候跳转;
但是跳转后会报错误
Error in v-on handler: "TypeError: Cannot read property '$el' of undefined"
可能是有什么东西在渲染页面但是页面跳转了,渲染出了问题
目前的解决方法是设置延迟跳转 延迟1ms跳转

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.