代码拉取完成,页面将自动刷新
同步操作将从 Neho/vuejs_time_picker 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!!
确定后同步将在后台操作,完成时将刷新页面,请耐心等待。
基于vuejs开发的移动端日历组件,目前基于vuejs的移动端日历选择器并不是很理想,于是自己写一个轻量级的日历选择器,代码都尽可能写了注释,有独特需求的可以自己添加暴露借口
该组件已在我的另一个基于vuejs开发的微信前端商城使用,目前正在开发中 EasyMALL
将根目录的timepicker.vue文件基于vuejs的webpack工程中以组件形式引入即可
用户点击日期触发,事件回调的参数为当前的日期对象
用户确定日期触发,事件回调的参数为当前的日期对象
用户取消触发
<m-cell title="生日" :value="info.birthday | timeStampFormat"
@click.native="interact.timePickerShow = !interact.timePickerShow"></m-cell>
<m-timepicker
@update:show="val => interact.timePickerShow = val" :show="interact.timePickerShow"
@handlerComfirm="selectDay"/>
<script>
import MTimepicker from '../componets/MTimepicker'
export default {
data() {
return {
interact: {
timePickerShow: false
},
info: {
birthday: 775197285000
}
}
},
components:{
MTimepicker
},
methods: {
selectDay(e) {
this.info.birthday = e.getTime();
},
}
}
</script>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。