shiyzhangcron

一个基于vue3+Ant-Design-vue的cron表达式组件
615
Install
npm install shiyzhangcron
Latest Version:0.1.5
Vue:3
License:ISC
Last Updated:Mar 26, 2024
Links: npm
Maintainer: shiyzhang

shiyzhang@cron

一个基于vue3+Ant-Design-vue的cron表达式组件

效果图

秒

使用方式

前置条件:项目基于vue+Ant-Design-vue开发(用到Ant-Design-vue相关组件)
第一步
    安装组件
    npm i shiyzhangcron 或 pnpm i shiyzhangcron
第二步
    导入组件
    import E from 'shiyzhangcron';
    import 'shiyzhangcron/dist/style.css';
第三步
    使用组件
      const EasyCronInner = E.EasyCronInner;
      <EasyCronInner v-model="easyCronInnerValue"/>

API

Attributes

参数 说明 类型 默认值
model-value / v-model 绑定值 string -
disabled 是否禁用 boolean false
hideSecond 是否显示秒 boolean false
hideYear 是否显示年(秒不显示时会显示年) boolean false
inputArea 是否显示下面输入区 boolean false

Events

事件名 说明 类型
change 仅当 modelValue 改变时 Function(e)

项目目录

├── components
|  ├── components.ts
|  ├── EasyCron
|  ├── index.ts
|  └── _utils
├── dist
|  ├── shiyzhang@cron.js
|  ├── shiyzhang@cron.umd.cjs
|  └── style.css
├── internal
|  ├── eslint-config
|  ├── stylelint-config
|  └── ts-config
├── LICENSE
├── package.json
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
├── README.md
├── src
├── tsconfig.json
├── turbo.json
├── types
|  ├── global.d.ts
|  ├── index.d.ts
|  └── module.d.ts
├── uno.config.ts
└── vite.config.ts

完整效果

秒 分 时 日 月 周 年

Related Packages

create-doc-app

一个有趣的前端架手架

1,221
gxjs-ic-ai-assistant-vue3

An Ai assistant Frontend application with Dify.

1,350
@haluo/pc

使用

940
vue3-draggable-float

这是一个Vue3悬浮拖动组件,支持吸边

558 3

Version History

Version Released Vue License
0.1.5 3.3.4 ISC
0.1.4 3.3.4 ISC
0.1.3 3.3.4 ISC
0.1.2 3.3.4 ISC
0.1.1 3.3.4 ISC