Calendar-price-jquery日历价格、库存设置插件，前后台适用，可自定义设置字段

最新推荐文章于 2022-06-30 15:02:22 发布

VIP文章 Capricorncd

最新推荐文章于 2022-06-30 15:02:22 发布

阅读量4.7k

点赞数

文章标签： jquery 日历日历价格设置自定义参数

本文链接：https://blog.csdn.net/Yagizacd/article/details/73522450

版权

基于Jquery的日历价格、库存等设置插件，也可以作为前台显示日期、价格用。需要设置的参数(字段)需自定义，详见(demo)使用方法…

源码地址：https://github.com/capricorncd/calendar-price-jquery

浏览器兼容：ie9+

主要功能

自定义日历显示参数
自定义需要设置的参数
自定义插件的样式风格(颜色)

npm

npm install calendar-price-jquery --save-dev

使用效果图

PC端

calendar-price-jquery

移动端

calendar-price-jquery

日历范围处理流程

calendar-price-jquery

使用方法

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Capricorncd Calendar-Price-jQuery</title>
  <!-- 引入日历样式文件 -->
  <link rel="stylesheet" href="../dist/css/calendar-price-jquery.min.css">
</head>
<body>

<!-- 日历显示的容器 -->
<div class="container"></div>

<!-- 引入jQuery.js文件 -->
<script src="jquery-1.12.4.min.js"></script>
<!-- 引入日历价格设置插件js文件 -->
<script src="../dist/js/calendar-price-jquery.min.js"></script>
<script>
  // 以下mockData是模拟JSON数据，一般情况是从后端(服务器端)获取
  // 对象中'date'字段必须，且格式一定要为0000-00-00

最低0.47元/天解锁文章

Capricorncd

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
4
评论
Calendar-price-jquery日历价格、库存设置插件，前后台适用，可自定义设置字段

calendar-price-jquery基于Jquery的日历价格、库存等设置插件，也可以作为前台显示日期、价格用。需要设置的参数(字段)需自定义，详见(demo)使用方法…主要功能自定义日历显示参数自定义需要设置的参数自定义插件的样式风格(颜色)源码地址： https://github.com/zx1984/calendar-price-jquery使用方法
复制链接

扫一扫