ant design 小程序日历

代码仓库地址：https://github.com/imxiaoer/WeChatMiniCalendar 一、效果图如下：二、业务场景介绍客户原始需求：用户需要知道在选中的月份中，哪些日期是有客户预约的，并且显示当天预约人数，点击有预约的日期则进入预约信息详细页，详细页内可以新建预约；点击没有预约的日期则直接进入新建预约页面。三、需求实现

ant design 小程序日历

补全

数组

i++

转载

mob64ca13fb6939

2024-10-22 16:20:48

89阅读

ant design vue 全年份日历 vue写日历

之前写了一篇周和月日历，但感觉体验不是太好，所以有重新做了一遍，加上了动画。还可以自定义显示日历里的内容。现在贴出项目源码,我现在是放在里的下载资源里,我也想设为不要积分可以下载,但好像最少也要1积分地址为:这里哦现在我上传带了GitHub上了,可以去这里下载哦,如果觉得好的话希望能给个star,谢谢支持1.总共分为两个组件（父组件calendar.vue）<template> &

vue日历

周和月切换模式

sed

自定义

项目源码

转载

liutao988

2024-07-25 10:33:43

634阅读

浏览器桌面通知：当浏览器最小化，或者切换到其他标签页不在当前系统页面，或在其他页面时依然可以显示通知*使用前注意：生产环境地址必须为https协议，开发环境可以用localhost IP地址，且必须允许显示通知才能显示桌面通知 *存在兼容性问题，不同系统不同浏览器甚至不同版本浏览器效果略有不同方案一： H5 JavaScript Web Notification APINotification官网

vue.js

javascript

前端

消息通知

ico

转载

mob64ca13fbd761

5月前

18阅读

ant design vue 日历加上农历

日历的功能，我们会经常用到，且逻辑比较复杂，小算法较多，花了半天时间写了个，特此详记。先贴图功能阐述：返回本月不多说，设置工作日和节假日是为了公司制度需要，后台会有假日表来记录。为了适应于vue框架，很多jquery的方法用不上，例如addClass及removeClass，所以可能某些地方做的比较繁琐。 <template> <div> <div

javascript

ViewUI

ico

贴图

格式化日期

转载

代码探险家

7月前

166阅读

ant design vue 日历组件时间格式

---恢复内容开始---1.日历组件1.分析功能：日历基本功能，点击事件改变日期，样式的改变1.结构分析：html1.分为上下两个部分2.上面分为左按钮，中间内容展示，右按钮下面分为周几展示和日期展示3.基本结构页面html书写<template> <div class="calender2"> <div class="date-header"

javascript

前端

ViewUI

当前日期

html

转载

网络安全守护先锋

8月前

148阅读

ant design vue的日历实现排班表

文章目录目标过程与代码安装依赖结构样式动态数据：默认数据今天明天添加日历修改样式动态数据：显示日历中选择的数据效果总代码修改或添加的文件formatDate.jshome.vuemain.js 目标点击时间：弹出日历供选择：动态显示数据：过程与代码安装依赖先安装一个很好用的日期库：npm install dayjs结构样式目标：数据先是静态的。 html：<div class="sec

前端

vue.js

旅游

ci

数据

转载

mob64ca140d61c6

5月前

319阅读

Ant Design Vue日历改变月份响应式

日历使用背景内网环境,无法使用外网及时同步节假日信息,所以要在内网创建日历,每年年初或头年年末同步一次节假日信息, 后续变更自己手动维护。发现element-ui的日历组件并不能满足我们的要求, 组件的属性太少,于是我仿着手搓了一个日历出来, 本着授之于鱼不如授之以渔的原则, 我将把思路

vue

java

前端

后端

当前日期

转载

mob64ca13f9e726

8月前

55阅读

Ant Design Vue 的日历控件显示农历

在Vue中创建交互式日历应用在Web开发中，创建一个交互式的日历应用是一项常见的任务。Vue.js作为一个流行的JavaScript框架，提供了许多便捷的工具和组件来简化日历的开发。本文将介绍如何使用Vue来创建一个简单但功能强大的日历应用，包括展示和操作日历事件。准备工作在开始之前，确保您已经安装了Vue CLI，并创建了一个Vue项目。如果您尚未安装Vue CLI，请使用以下命令进行安装：np

vue.js

javascript

前端

Vue

数组

转载

编程梦想翱翔者

10月前

336阅读

ant design 拖拽式小程序首页布局拖拽式小程序制作

搜索了下小程序模版，找到了一个极速应用模版，专门开发小程序的，可以看到很多类型的模版，有复杂样式，常见组件，功能特点如下：1.丰富的组件及模版可以拖拽组件，单独对组件元素设置各种属性而不需要一句代码2.可以打包成微信开发工具源码可随时发布，随时扫描3.包含完整详细的后台操作界面，数据管理，用户管理等4.教程及社区问题讨论较为完善但是。。。看着很美好。。其实我只想要某个页面。。或者想把模版拿到后继续

模版

微信开发

xml

转载

桃太郎

2024-03-14 09:05:30

86阅读

Ant Design of Vue 适配小屏幕

rem 作为一个低调的长度单位，由于手机端网页的兴起，在屏幕适配中得到重用。使用 rem 前端开发者可以很方便的在各种屏幕尺寸下，通过等比缩放的方式达到设计图要求的效果。rem 的官方定义『The font size of the root element.』，即以根节点的字体大小作为基准值进行长度计算。一般认为网页中的根节点是 html 元素，所以采用的方式也是通过设置 html 元素的 fon

html

手机

前端开发

设计

字体

转载

墨色天香

8月前

179阅读

小程序 design

小程序商城：移动电商新风口随着智能手机的普及和移动互联网的发展，小程序商城已经成为电商领域的新风口。小程序商城是指依托微信、支付宝等平台开发的轻应用商城，具有无需下载安装、触达便捷、用户粘性高等特点，为商家提供了新的营销渠道和销售模式。小程序商城的优势小程序商城相比传统电商平台和APP商城，具有以下优势：开发成本低: 小程序开发门槛较低，开发周期短，成本相对较低。用户体验好: 小程序依托微信等平台

小程序 design

小程序

微信小程序

大数据

微信

转载

mob64ca13fe1aa6

5月前

0阅读

ant design 和 ant design pro 收费吗 ant design下载

Ant Design Pro of Vue是蚂蚁金服开发的一套Vue前端框架，号称可以让开发人员轻松搭建企业级的前端项目。进入官网，选择开始使用，可以看到官网提示：你的本地环境需要安装 node 和 git。我们的技术栈基于 ES2015+、Vue.Js、Vuex、Vue-Router、g2 和 antd-vue，提前了解和学习这些知识会

Vue

Chrome

官网

转载

编程小匠人

2024-05-09 11:03:29

428阅读

ant design 时间空间 ant design charts

最近接手了一个react项目，里面需要用到折线图，看到图表的感觉不难。但是仔细一看引入的是 Ant Design Charts。然后去看了一下文档，发现好多地方的属性与echart区别很大，甚至用法都不一样了。最终结合文档，对属性一一试用了解，完成了任务。现给与记录，以便后来再使用方便。实现目标( UI 给图 )

ant design 时间空间

reactjs

前端

canvas

js

转载

mob64ca1402a190

2024-03-07 21:20:18

264阅读

ant design model 宽度 ant design规范

前言：Ant Design是服务于企业级的设计体系，基于确定和自然的设计价值观上的模块化解决方案，让设计者和开发者专注于更好的用户体验。设计原则：一、亲密性如果信息之间关联性越接近，也越像一个视觉单元；反之，它们的距离就应该越远，越像多个视觉单元。亲密性的根本目的是实现组织性，让用户对页面结构和信息层次一目了然。二、对齐在知觉过程中人们往往倾向于使知觉对象的直线继续成为直线，使曲线继续成为曲

ant design model 宽度

界面设计

解决方案

开发者

转载

mob64ca14154457

2024-03-15 13:55:35

88阅读

ant design 源码部署 ant_design

第一部分：前言　　ant.design是基于react开发的一个解放ui和前端的工具，它提供了一致的设计方便我们快速开发和减少不必要的设计与代码，很多实用react框架的开发者都已经在使用ant.design了，且其在github上的star数也早已上万，足见其火热程度。　　ant.design的目的也在于提高用户、开发者等多方的体验与幸福感。　　　　ant.design设计很精妙，vue的iv

ant design 源码部署

移动开发

javascript

ui

ViewUI

转载

轩辕

2024-05-23 05:56:50

196阅读

Ant Design原型下载 ant design android

Ant是一个很好的跨平台构建工具，特别是对于Java项目，这里使用它对Android工程进行自动化构建可以得到非常大的便利。一般来说对Android工程进行构建主要有以下几个步骤：使用aapt来编译工程生成R.java；使用aapt来对工程所需用的资源进行打包；转换并编译AIDL文件；编译Java源文件并生成.class；转换并压缩.class文件成.dex文件；使用aapt打包生成未签名的apk

Ant Design原型下载

xml

赋值

Java

转载

mob64ca14085c24

2024-07-24 21:09:36

60阅读

ant design 和vue关系 ant design 和ant design pro 区别

ant design pro和ant design基础学习要学会并熟悉基于ant design pro快速开发出项目，需要学会以下知识：JSX 语法jsx语法一般来说，HTML 原生标签都使用小写，开发者自定义的组件标签首字母大写，比如<MyComponent/>React 组件语法虽然输出 JSX 代码的函数就是一个 React 组件，但是这种写法只适合那些最简单的组件。更正式、更

ant design 和vue关系

数据

业务逻辑

服务端

转载

网猴儿

5月前

99阅读

ant design添加图标 ant design组件

　　Ant Design 组件提供了Input，InputNumber，Radio，Select，uplod等表单组件，但实际开发中这是不能满足需求，同时我们希望可以继续使用Form提供的验证和提示等方法（使用起来确实很爽），这时需要自己动手封装一些表单，同时我们还要保持方法可以继续是使用。　　github的代码地址: https://github.com/haozhaohang/ant

ant design添加图标

javascript

json

ui

ViewUI

转载

coolfengsy

2024-04-07 06:34:03

489阅读

Ant Design 开发页面 ant design tooltip

1.利用moment时间转换常用转换为普通时间格式 moment("时间").format('yyyy-MM-DD’) moment("时间").format('yyyy-MM-DD hh:mm:ss’) //表示12小时制 moment("时间").format('yyyy-MM-DD HH:mm:ss’) //表示24小时制 MM: 月份 mm: 分 DD: 日期 dd: 星期

Ant Design 开发页面

react.js

javascript

前端

字符串

转载

IT独行侠客

2024-08-08 19:33:17

195阅读

ant design 侧边栏 ant design 布局

Ant Design的布局我们来讲一下Ant Design布局空间布局是体系化视觉设计的起点，和传统的平面设计的不同之处在于，UI界面的布局空间要基于『动态、体系化』的角度出发展开，我们受到建筑界大师柯布西耶的模度思想的启发，基于『秩序之美』的原则，探索UI设计中的动态空间秩序。在中后台视觉体系中定义布局系统，建议从5个方面出发： 1.统一的画板尺寸 2.适配方案 3.网络单位 4.栅格 5.

ant design 侧边栏

设计方案

缩放

UI

转载

mob64ca1411a6fc

2024-02-27 08:18:46

175阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

ant design 小程序日历