价格日历插件Calendar-price-jquery（可以设置价格、库存）自定义等---项目亲测好用

小Hier

已于 2022-06-30 15:04:21 修改

阅读量562

点赞数

分类专栏： js 文章标签： jquery 前端 javascript

于 2022-06-30 15:02:22 首次发布

本文链接：https://blog.csdn.net/weixin_41965172/article/details/125540422

版权

在开发露营小程序中，发现了一款名为Calendar-price-jquery的js价格日历插件，适用于设定不同日期的价格和库存。该插件允许自定义配置，并能实现单个或批量设置，且在实际项目中表现出良好的可用性。

摘要由CSDN通过智能技术生成

最近做一个露营小程序，需要根据日历设置不同的价格，找了好长时间，找到了一款比较合适的js价格日历插件

由于github.com站点无法访问，请自行百度去找或者跳墙查看，

或者你可以直接下载Calendar-price-jquery日历价格插件-Javascript文档类资源-CSDN下载

这个是我下载好后然后传上来的。

实战如下：

先看效果，下图是我编辑后的数据回显

点击单个日期可以按需增加，也可以批量设置，字段可以根据自己项目需求自定的

项目代码如下（里面的路径根据自己实际情况去修改）：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
  <title>Capricorncd, Calendar-Price-jQuery</title>
  <link rel="stylesheet" href="__STATIC__/admin/price-calendar/dist/css/calendar-price-jquery.min.css">
  <style>
    body {margin: 0; padding: 0; font-family: "Microsoft YaHei UI";}
  </style>
</head>
<body>

<div class="co