name: '当天库存'
}
],
// 配置在日历中要显示的字段
show: [
{
key: 'price',
name: '分:￥'
},
{
key: 'priceSettlement',
name: '采:￥'
},
{
key: 'stock',
name: '库:'
}
],
// 点击'确定'按钮，返回设置完成的所有数据
callback: function (data) {
console.log('callback ....');
console.log(data);
},
// 点击'取消'按钮的回调函数
cancel: function () {
console.log('取消设置 ....');
// 取消设置
// 这里可以触发关闭设置窗口等操作
// ...
},
// 错误等提示信息回调函数
error: function (err) {
console.error(err.msg);
}
});
});
</script>
</body>
</html>
使用效果图
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 (可选)， 配置或操作中的错误、提示信息等回调函数。
源码地址：https://github.com/capricorncd/calendar-price-jquery
