微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

基于jquery日历价格、库存等设置插件

commodity calendar,price,inventory and other settings of jQuery plug-in

基于jquery的日历价格、库存等设置插件。需要设置的参数(字段)需自定义,详见(demo)使用方法

源码地址:

Create by capricorncd / 2017-06-11

使用方法

<div class="jb51code">
<pre class="brush:xhtml;">
<!DOCTYPE html>

Capricorncd Calendar-Price-jQuery

<div class="container">

<script src="jquery-1.12.4.min.js">

<script src="../build/calendar-price-jquery.min.js">

使用效果图

Options 参数

•el: .Container (必须),显示日历的容器,jquery选择器均可(#id,[属性],.classs等)。

•startDate: 2017-06-20 (可选),开始日期。可设置数据的开始日期,该日期以前的月份将不能设置或操作,支持某月2017-06或某天。开始日期开始日期未配置或小于当前系统时间,则开始日期取今日。

•endDate: 2017-09-20 (可选),结束日期。日历中可设置数据的结束日期,该日期以后的月份将不能显示或操作,同startDate,支持某月(默认去该月最后一天)或某天。若未配置此项,系统默认为1年后的今日,即日期范围为1年。

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

•config: array (必须),与data中的数据参数(属性)对应,该配置里的配置项,即可设置的参数字段,key 为需要设置的字段,name为输入框前面显示的名称。

•show: array (可选), 日历中需要显示的参数(属性),与data中的数据参数(属性)对应。key 为需要设置的字段名,name为显示在日历中的名称(简称)。

•callback: function (必须), 点击确定按钮,返回设置完成的所有数据。

•cancel: function (可选), 点击取消按钮的回调函数。

•error: function (可选), 配置或操作中的错误、提示信息等回调函数。

源码地址:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐