小程序 机票火车票酒店 开始日期结束日期选择 日历组件
github:https://github.com/xiaoyangyang-code/calendar
码云:https://gitee.com/xiaoyang688/calendar
##先看一下大概样式 默认选中为今天:
###单选模式:
###双选模式 isDoubleSelection=true:
功能说明: 支持双选或单选日期或开始日期和结束日期的选择!
正好公司做火车票飞机票以及酒店的小程序项目!
需求要求: 可以单选或订往返的票 所以 我自己根据需求封装了一个组件!使用起来也比较简单,不用看我的代码逻辑,页面上引用直接使用!需要更改选中样式的话,去wxss里去改一下就行了
小程序日历组件
组件传值介绍
| 属性 | 类型 | 默认值 | 必填 | 说明 |
|---|---|---|---|---|
| monthCount | Number | 6 | 否 | 从当前月数起,往后生成N个月的日历数据;默认6个月 |
| isCurrentMonth | Boolean | true | 否 | 生成的日历开始月份是否包含本月,默认包含本月 |
| isDisable | Boolean | false | 否 | 是否开启日历尾部时间禁用,默认从当前日期开始后的45天 |
| disNumDay | Number | 45 | 否 | isDisable属性如果为true,从今天起 disNumDay 天之后的日期禁用默认45天 |
| isDoubleSelection | Boolean | false | 否 | 是否开启日期双选模式开始与结束时间,默认单选模式:即只选择一个日期 |
| change | function | 是 | 子组件通信父组件时的事件,单选双选都需要将选中的值保存给父组件 |
小程序 机票火车票酒店 开始日期结束日期选择 日历组件相关推荐
- 开发一个微信小程序，对酒店经营管理有哪些好处？
据腾讯2022年第一季度财报数据显示,微信小程序日活跃账户已经突破5亿,流量巨大.不论企业用户还是个体商家都积极使用小程序开展商业活动,从这庞大流量里获利. 酒店行业也不例外,很多酒店都开发了微信小程 ...
- 关于datediff(year,开始日期,结束日期)中year格式的说明，特别注意year两边不能加引号，否则报错...
关于datediff(year,开始日期,结束日期)中year格式的说明,特别注意year两边不能加引号,否则报错 如果要计算两个时间是否满意年,可以相减,最小365,润年366天.求整 转载于:ht ...
- 17_微信小程序之抖音微视无限滑动视频列表自定义组件编写
微信小程序之抖音微视无限滑动视频列表自定义组件编写 一.先上效果图 看到上面,你可能首先会想到,使用swiper然后将swiper的circular设置为true,那么,想象一下,假如视频很多的情况下 ...
- 微信小程序、uni-app使用iconfont-tools将iconfont彩色字体图标组件化并使用
微信小程序.uni-app使用iconfont-tools将iconfont彩色字体图标组件化并使用 安装iconfont-tools npm i -g iconfont-tools 全局安装工具 下 ...
- 微信小程序—仿美团酒店入住日期时段选择
美团市值突飞猛进,确实霸占了我们的吃喝玩乐,所以想做什么东西,研究一下美团也是不错的.最近需要用到一个酒店入住日期选择的组件,看了一下美团的设计,很好用,在此实现一下. 效果图如下: 体验路径(并获取 ...
- 微信小程序之Data当前日期坑 安卓 ios日期不对
获取当前日期. var userDate = new Date().toLocaleDateString() 注意:微信小程序中 手机的地区版本差异会导致不同的格式 从而出现一些日期的计算出现差错 所 ...
- 微信小程序 旅游景点酒店预订管理系统pcAndroid hbuilderx App毕业设计
本系统包含微信小程序前台和Java做的后台管理系统,该后台采用前后台前后分离的形式使用Java+VUE 微信小程序--前台涉及技术:WXML 和 WXSS.JavaScript.uniapp Java ...
- Android 自定义日期段选择控件，开始日期-结束日期。
开发中碰到个需求,需要在一个控件中选择完成开始和结束日期.实现的过程走的是程序员开发的老路子,找到轮子后自己改吧改吧就成了.去年做的找不到参考的文章连接了,请原博主见谅. 当时做的时候有几个需求:1. ...
- 微信小程序 计算两点及多点间的距离+选择地图定位
本文基于腾讯地图开发文档实现此功能 1.首先去腾讯地图开发平台注册,申请自己的应用空间,严格按照以下步骤走完 2.把下载的两个sdk包,放在小程序utils 3.接下来就可以正常使用了 +++++++ ...
最新文章
- 【怎样写代码】小技巧 -- .NET配置文件详解
- .NETFramework-Web.Mvc：ActionResult
- 无法启动此程序因为计算机中丢失msvcr110,无法启动此程序因为计算机中丢失msvcr110,教您无法运行程序提示计算机中丢失...
- C++11智能指针shared_ptr、weak_ptr、unique_ptr用法
- Symbian 资源文件解析
- 【Python selenium自动化环境配置】4步搞定ChromeDriver版本选择
- 让vim显示空格,及tab字符
- linux-x86_64 error,Linux-x86_64 Error: 5: Input/output error的问题
- django 环境配置.
- HTML基础编程——简介及第一行代码
- ViolentMonkey暴力猴插件V2.13.0
- 在线计算机微积分,高等数学计算器
- 服务器改无线路由器怎么设置,怎么把旧路由器改装成中继器
- 条码打印机无法正常打印该如何解决
- 80亿美元侵权诉讼的随想
- 【STM32Cube】学习笔记（二）：超声波传感器
- RabbitMQ 设置消息的TTL(过期时间)
- 大中型企业敏捷转型策略路线图-案例解析
- A. Sasha and a Bit of Relax(异或的性质 + 前缀和的性质)
- 【论文阅读】计算机视觉经典论文合辑