jQuery插件的商品日历、价格、库存等设置

基于Jquery的插件，用于设置日历价格和库存。要设置的参数(字段)需要定制，详情见(演示)使用方法…

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

摩羯座创作cd/2017-06-11

施用方式

！DOCTYPE htmlhtmlhead元字符集=' UTF-8 ' title摩羯座日历-价格-jQuery/title！-引入日历样式文件-链接rel='样式表' href='./build/calendar-price-jquery . CSS ' rel=' external no follow '/head body！-日历显示的容器-div class=' container'/div！-导入jQuery.js文件-script src=' http : jquery-1 . 12 . 4 . min . js '/script！-介绍日历价格设置插件的js文件-脚本src=' http:/build/calendar-price-jquery . min . js '/script script $(function(){//下面的mockData是模拟的JSON数据。通常，对象中的“日期”字段必须从后端(服务器端)获取//，格式必须为0000-00-00 //需要自定义除“日期”之外的字段，然后在config:[]中的日历中配置//显示参数。需要在show:[]中配置varmock数据=[{date:' 2017-06-21 '，stock:' 9000 '，buynummax : ' 50 '，buynummin : ' 1 '，price :' 0.12 '。priceMarket: '100.00 '、price settlements : ' 90.00 '、priceRetail: '99.00' }、{ date: '2017-07-12 '、stock: '9000 '、buyNumMax: ' 50 '、buyNumMin: ' 1 '、price: '12.00 '、priceMarket: '100.00 '//插件使用$。calendar rice({//display container El : '。容器'，//设置开始日期startdate3360' 2017-08-02 '，//设置日历显示结束日期endDate: '2017-09 '，//初始数据data:mockdata。//配置要设置的字段名。请对应您传入的数据对象：config: [{key3360' buynummax '，name3360 '最大购买数量' }，{key3360' buynummin '。名称： '最低购买数量' }，{key: '价格'，名称： '配送价格' }，{key : '价格市场'，名称： '景区挂牌价格' }，{key: '价格结算'，名称： '配送结算价格' }，{key: '价格零售'，名称： '建议零售价' }，{key: '返现'，名称：);console.log(数据)；}，//单击回调函数cancel : function(){ console . log('取消设置. '));//取消设置//这里可以触发关闭设置窗口等操作。//.}，//错误等提示回调函数error3360函数(err) {console。错误(错误。味精)；} });});/脚本/正文/html使用渲染

选项参数

El:container(必需)，用于显示日历的容器，jquery选择器(#id，[property]，课程等。).

开始日期： 2017年6月20日(可选)，开始日期。您可以设置数据的开始日期，但不能设置或操作该日期之前的月份。支持一个月，2017-06或者一天。开始日期如果未配置开始日期或开始日期小于当前系统时间，则开始日期为今天。

结束日期： 2017年9月20日(可选)，结束日期。数据的结束日期可以在日历中设置，该日期之后的月份不能显示或操作。与startDate相同，支持某月(默认为当月最后一天)或某日。如果未配置此项，系统默认一年后的今天，即日期范围为一年。

data: mockData(可选)，初始时间显示在日历上的数据，详见使用方法。

Config:array(必需)对应于数据中的数据参数(属性)。该配置中的配置项是可以设置的参数字段，key是需要设置的字段，name是输入框前显示的名称。

Show:array(可选)，要在日历中显示的参数(属性)对应于数据中的数据参数(属性)。Key是要设置的字段名，name是日历中显示的名称。

回调：功能(必需)，设置后点击确定按钮返回所有数据。

取消：功能(可选)，点击取消按钮的回拨功能。

error:函数(可选)，回调函数，如配置或操作错误和提示信息。

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

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。