日历php 价格 库存,jQuery web 组件 后台日历价格、库存设置的代码

最新推荐文章于 2021-10-14 20:39:26 发布
最新推荐文章于 2021-10-14 20:39:26 发布
阅读量128 收藏
点赞数
文章标签： 日历php 价格 库存

/*

* yagizaDate 1.0

*

* Yagiza

* Copyright 2016, MIT License

*

* IE 8+, Chrome, fireFox

*/

// * 字段说明 ********************

// buyNumMax 最多购买数

// buyNumMin 最少购买数

// cashback 返现

// price 售价、分销价、分销售价

// priceSettlement 结算价、采购价、分销结算价

// priceMarket 景区挂牌价

// priceRetail 建议零售价

// stock 总库存

// stockDay 当天库存

// * END 字段说明 ********************

// // 初始化数据

// var priceData = {

// callbackId:'#mydemo', // 用于接收回调JSON数据

// // startDay: null,

// // endDay: null,

// priceSettlement: "结算价",

// priceNormal: "售价",

// cashback: "返现",

// stock: "9999",

// // week: [],

// dayData: [

// {

// date: "2016-10-21",

// stockDay: "9000",

// buyNumMax: "50",

// buyNumMin: "1",

// priceNormal: "0.12",

// priceMarket: "100.00",

// priceSettlement: "90.00",

// priceRetail: "99.00"

// },{

// date: "2016-11-12",

// stockDay: "9000",

// buyNumMax: "50",

// buyNumMin: "1",

// priceNormal: "12.00",

// priceMarket: "100.00",

// priceSettlement: "90.00",

// priceRetail: "99.00"

// }

// ]

// }

//

// 调用方法

// $.yagizaDate('2016-10-08',priceData);

// 日期格式不合法，自动获取系统时间0000-00-00

;(function($){

var yagizaDate = function(setDay, priceData){

var _this_ = this,

// 数据接收#id

callbackId = priceData.callbackId,

priceData = priceData;

// 系统日期 年月

var todayDate = new Date(),

sy = todayDate.getFullYear(),

sm = todayDate.getMonth(),

// 今天几号

d = todayDate.getDate(),

// 今天 y-m-d

today = sy + '-'+this.ddf(sm+1)+'-'+this.ddf(d);

// Datedata 日期价格库存json

// setDay 设置日期 2016-10-10

var reg = /^d{4}-d{2}-d{2}$/;

if(!reg.test(setDay)){

console.log('日期格式有误！');

// return false;

setDay = sy + '-' + this.ddf(sm+1) + '-' + this.ddf(d);

}

// 默认参数配置

// 设置年月

// replace(/-/,'/') 解决IE98及以下版本输出NaN问题

var setMsec = new Date(setDay.replace(/-/g,'/')),

y = setMsec.getFullYear(),

m = setMsec.getMonth()+1,

// 当月天数

maxdays = (new Date(Date.parse(new Date(y,m,1)) - 86400000)).getDate(),

//获取当月(日期对象)

thisMonthDate = new Date(y,m-1);

firstDayWeek = thisMonthDate.getDay(); //这个月的第一天是星期几

// HTML结构

// td id="2016-10-10"

var td_id;

// 传入对象中日期数据设置

var arr = priceData.dayData,

arrLen = arr.length;

// 遮罩

this.mask = $('

');

// 创建html DOM结构

var html = '';

html += '

';

html += '

';

html += '

'+ y +'年'+ this.ddf(m) +'月

';

if((y+''+this.ddf(m)) > (sy+''+this.ddf(parseInt(sm)+1))) {

html += ' ';

}

html += ' ';

html += '

';

html += '

';

html += '

html += ' 日一二三四五六';

html += '

';

var i = 0, j = 0, k = 0, showDay,

// tr 行数

row = Math.ceil((maxdays + firstDayWeek)/7);

// 创建日期表格

for(j=0;j

html+='

';

for(k=1;k<=7;k++){

showDay = j*7 + k - firstDayWeek;

if(showDay>0&&showDay<=maxdays){

td_id = y +'-'+ this.ddf(m) +'-'+ this.ddf(showDay);

// 今天及之后的日期，显示价格、库存

if(td_id>=today){

html+='

'+showDay+'';

} else {

html+='

'+showDay+'';

}

} else {

html+='

';

}

} // for k End

html+='

';

} // for j End

html += '

';

html += '

';

html += '

';

html += '

重置确定取消
';

html += '

';

this.mask.append(html);

$('body').append(this.mask);

// 上一月

$('.yagiza-date-selector #yagizaPrevMonth').click(function(){

var newMonth='';

if(parseInt(m)==1){

newMonth = (y - 1)+'-12-01';

} else {

newMonth = y + '-' + _this_.ddf(m - 1)+'-01';

}

_this_.close();

$.yagizaDate(newMonth,priceData);

});

// 下一月

$('.yagiza-date-selector #yagizaNextMonth').click(function(){

var newMonth='';

if(parseInt(m)==12){

newMonth = (y + 1)+'-01-01';

} else {

newMonth = y + '-' + _this_.ddf(m + 1)+'-01';

}

_this_.close();

$.yagizaDate(newMonth,priceData);

});

// 取消

$('.yagiza-date-selector button[type="cancel"]').click(function(){

_this_.close();

});

// 确定

$('.yagiza-date-selector button[type="submit"]').click(function(){

var callbackData = JSON.stringify(priceData);

$(callbackId).text(callbackData);

_this_.close();

});

// 重置 保留基本信息

$('.yagiza-date-selector button[type="reset"]').click(function(){

priceData = {

startDay: null,

endDay: null,

priceSettlement: priceData.priceSettlement,

priceNormal: priceData.priceNormal,

cashback: priceData.cashback,

stock: priceData.stock,

week: null,

dayData: []

}

_this_.close();

$.yagizaDate(setDay,priceData);

});

// 加载库存、售价等数据

$(function(){

// 今天及之后的日期，显示价格、库存

// 含有ID的td标签

var td = $('.yagiza-date-selector #yagizaDateTd td[id]');

// console.log(td)

$.each(td, function(i, item){

var list='

分：￥'+_this_.nf(priceData.priceNormal)+'

采：￥'+_this_.nf(priceData.priceSettlement)+'

库：'+_this_.nf(priceData.stock)+'

';

// 独立设置价格、日期

$.each(arr, function(i, item2){

if(item.id===item2.date){

list='

分：￥'+_this_.nf(item2.priceNormal)+'

采：￥'+_this_.nf(item2.priceSettlement)+'

库：'+_this_.nf(item2.stockDay)+'

';

}

});

// 将价格、库存写入对应日期

$('#'+item.id).addClass('active').find('b').after(list);

list = '';

})

// 点击 显示单日信息设置窗口

td.click(function(){

var id = $(this).attr('id');

var obj = {

date: id,

stockDay: $(this).find('div p:nth-child(3) span').text(),

buyNumMax: $(this).find('div').attr('data-buyNumMax'),

buyNumMin: $(this).find('div').attr('data-buyNumMin'),

priceNormal: $(this).find('div p:nth-child(1) span').text(),

priceMarket: $(this).find('div').attr('data-priceMarket'),

priceSettlement: $(this).find('div p:nth-child(2) span').text(),

priceRetail: $(this).find('div').attr('data-priceRetail'),

startDay: id,

endDay: id

}

// console.log('obj:'+obj)

// 创建单日设置项

_this_.dateSet(obj);

$('#'+id).closest('.date-selector-box').css('display','none');

});

// 取消 单日信息设置

$('.yagiza-date-selector').on('click', '.close', function(){

$('.yagiza-date-selector .date-set-box').remove();

$('.yagiza-date-selector .date-selector-box').css('display','block');

});

// 设置 日期相关信息 ***************

$('.yagiza-date-selector').on('click', '[rel="enable"]', function(){

var thisDate = $(this).attr('data-date'),

stockDay = _this_.nf($('#stockDay').val()),

buyNumMax = _this_.nf($('#buyNumMax').val()),

buyNumMin = _this_.nf($('#buyNumMin').val()),

priceNormal = _this_.nf($('#priceNormal').val()),

priceMarket = _this_.nf($('#priceMarket').val()),

priceSettlement = _this_.nf($('#priceSettlement').val()),

priceRetail = _this_.nf($('#priceRetail').val());

// 判断日期格式是否合法

var startDay = $('#startDay').val(),

endDay = $('#endDay').val();

// var reg = /^d{4}-d{2}-d{2}$/;

if(!reg.test(startDay)){

alert('开始时间格式错误，请使用0000-00-00格式！');

$('#startDay').val(thisDate).focus();

return false;

}

if( startDay

alert('开始时间不能小于今天('+today+')！');

$('#startDay').val(thisDate).focus();

return false;

}

if(!reg.test(endDay)){

alert('结束时间格式错误，请使用0000-00-00格式！');

$('#endDay').val(thisDate).focus();

return false;

}

if( endDay

alert('结束时间不能小于今天('+today+')！');

$('#startDay').val(thisDate).focus();

return false;

}

if( endDay

alert('结束时间('+endDay+')不能小于开始时间('+startDay+')！');

$('#endDay').val(thisDate).focus();

return false;

}

// 批量设置 *****************************

// 设置周一 至 周日

var weekArr = [],

setWeek = $('input[name=setWeek]:checked');

setWeek.each(function(i,item){

// ！parseInt 周几转换为数字，字符串后面不能匹配

weekArr[i] = parseInt(item.value);

})

// 获取选择周日的长度

var wlen = weekArr.length;

// 特殊设置日期

var spDayArr = [],

// 只设置了日期范围的

spDayArr1 = [],

// 设置了周几的

spDayArr2 = [];

// 如果用户设置了日期

if(startDay!=thisDate || endDay!=thisDate){

var sd = new Date(startDay),

ed = new Date(endDay),

sdMsec = Date.parse(startDay),

edMsec = Date.parse(endDay),

// 相差天数

dayLen = parseInt((edMsec - sdMsec)/(1000 * 60 * 60 * 24)) + 1;

for(var n=0;n

spDayArr1[n] = _this_.msecToYmd((sdMsec + 86400000*n));

}

// 删除priceData.dayData中，与设置日期重复的数据

$.each(spDayArr1, function(index, item){

// 判断priceData.dayData是否存在相应日期

if(arrLen>0){

for(var k=(arrLen-1);k>=0;k--){

// 当日数据已存在-》删除

if(arr[k] && arr[k].date === item){

arr.splice(k, 1);

}

}

}

}); // each END

} else {

spDayArr = [thisDate];

}

// 如果用户设置了周几

if(wlen){

// 如果用户设置了日期范围

if(spDayArr1.length>0){

var w,wd;

$.each(spDayArr1, function(i, item){

w = new Date(item);

wd = w.getDay();

if($.inArray(wd, weekArr)>-1 && item){

spDayArr2.push(item);

}

})

} else {

// 设置了周几

// 获取一年的时间设置

var todayMsec = Date.parse(todayDate),

newDate;

for(var k=0;k<365;k++){

newDate = new Date(todayMsec+k*86400000);

if($.inArray(newDate.getDay(), weekArr)>-1){

spDayArr2.push(_this_.dateFYmd(newDate));

}

}

}

} // end 周几设置

// 重组 priceData.dayData

// 存在设置日期

if(spDayArr2.length>0){

spDayArr = spDayArr2;

} else if(spDayArr1.length>0){

spDayArr = spDayArr1;

}

if(spDayArr.length>0){

var o;

$.each(spDayArr, function(i,item){

var o = {

date: item,

stockDay: stockDay,

buyNumMax: buyNumMax,

buyNumMin: buyNumMin,

priceNormal: priceNormal,

priceMarket: priceMarket,

priceSettlement: priceSettlement,

priceRetail: priceRetail

}

// 将新数据写入 priceData.dayData

arr.push(o);

// delete o;

});

// 更新priceData.dayData

priceData.dayData = arr;

}

_this_.close();

$.yagizaDate(setDay,priceData);

});

}); // $(function) END

}

yagizaDate.prototype = {

// 毫秒转yyyy-MM-dd

msecToYmd: function(item){

var y,m,d,

item = new Date(item);

y = item.getFullYear();

m = item.getMonth()+1

m = m < 10 ? '0'+ m : m;

d = item.getDate();

d = d < 10 ? '0'+ d : d;

return y+'-'+m+'-'+d;

},

// // yyyy-MM-dd转毫秒

// ymdToMsec: function(item){

// var itemDate = new Date(item);

// return itemDate.getTime();

// },

// Date对象格式话 yyyy-mm-dd

dateFYmd: function(d){

var y = d.getFullYear(),

m = d.getMonth(),

d = d.getDate(),

ymd = y + '-'+this.ddf(m+1)+'-'+this.ddf(d);

return ymd;

},

// 两位数格式化，不足两位首位补0

// double-digit fomart

ddf: function(n){

n = parseInt(n);

return n < 10 ? '0'+n : n;

},

// 移除日期设置窗口

close: function(){

this.mask.remove();

},

// 为空或undefined = ''

// null fomart

nf: function(str){

return str ? str : '';

},

// 创建单日/批量设置窗口DOM

dateSet: function(obj){

var _this = this;

var setBox = '';

// console.log(obj)

setBox += '

'+obj.date+' 价格详细

';

setBox += '

setBox += '

最多购买数：';

setBox += '

最少购买数：';

setBox += '

分 销 售 价：';

setBox += '

景区挂牌价：';

setBox += '

分销结算价：';

setBox += '

建议零售价：';

setBox += '

当 天 库 存：';

setBox += '

setBox += '

批量设置';

setBox += '

开 始 时 间：';

setBox += '

结 束 时 间：';

setBox += '

';

setBox += '

setBox += '

';

setBox += ' 设 置 星 期：';

setBox += ' 周一';

setBox += ' 周二';

setBox += ' 周三';

setBox += ' 周四';

setBox += ' 周五';

setBox += ' 周六';

setBox += ' 周日';

setBox += '

';

setBox += '

';

setBox += '

';

setBox += ' 启用本设置';

setBox += ' 取消';

setBox += '

';

setBox += '

';

this.mask.append(setBox);

}

}

// window.yagizaDate = yagizaDate;

$.yagizaDate = function(month, priceData){

return new yagizaDate(month, priceData);

}

})(jQuery);

YageizaDate Demo

.container {

width: 800px;

margin: 20px auto;

}

结算价

售价

返点

总库存

设置日期价格

接收回调数据

$(function(){

$('button').on('click', function(){

var priceData = {

callbackId:'#mydemo',

priceSettlement: $(this).siblings('[data-id="priceSettlement"]').val(),

priceNormal: $(this).siblings('[data-id="priceNormal"]').val(),

cashback: $(this).siblings('[data-id="cashback"]').val(),

stock: $(this).siblings('[data-id="stock"]').val(),

dayData: [

// {

// date: "2016-10-21",

// stockDay: "9000",

// buyNumMax: "50",

// buyNumMin: "1",

// priceNormal: "0.12",

// priceMarket: "100.00",

// priceSettlement: "90.00",

// priceRetail: "99.00"

// },{

// date: "2016-11-12",

// stockDay: "9000",

// buyNumMax: "50",

// buyNumMin: "1",

// priceNormal: "12.00",

// priceMarket: "100.00",

// priceSettlement: "90.00",

// priceRetail: "99.00"

// }

]

}

$.yagizaDate('2016-10-08',priceData);

});

});

Holly皮肤管理师
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jquery日历插件 途牛_基于jquery日历价格、库存等设置插件
weixin_29051193的博客
12-29 273
基于jquery的日历价格、库存等设置插件。需要设置的参数(字段)需自定义，详见(demo)使用方法…Create by capricorncd / 2017-06-11使用方法Capricorncd Calendar-Price-jQuery$(function () {// 以下mockData是模拟JSON数据，一般情况是从后端(服务器端)获取// 对象中'date'字段必须，且格式一定要为...
jQuery后台日历价格、库存设置Web组件
Yagiza
10-13 7051
供销管理系统中，设置日历供销价、库存Web组件。基于jQuery类库开发。
日历php 价格 库存,基于jquery日历价格、库存等设置插件
weixin_33374400的博客
03-21 171
插件描述：基于jQuery的日历价格、库存等设置插件，也可以作为前台显示日期、价格用。需要设置的参数(字段)需自定义，详见(demo)使用方法...Calendar-price-jquery基于Jquery的日历价格、库存等设置插件，也可以作为前台显示日期、价格用。需要设置的参数(字段)需自定义，详见(demo)使用方法...主要功能自定义日历显示参数自定义需要设置的参数自定义插件的样式风格(颜色...
日历php 价格 库存,利用jQuery实现日历设置当天价格库存代码
weixin_29711471的博客
03-21 196
特效描述：利用jQuery实现 日历设置 当天价格 库存代码。利用jQuery实现日历设置当天价格库存代码代码结构1. 引入CSS2. 引入JS3. HTML代码$(function () {var mockData = [{date: "2017-11-21",stock: 9000,buyNumMax: 50,buyNumMin: 1,price: "0.12",priceMarket: "1...
日历php 价格 库存,台历价格表
weixin_42097208的博客
03-21 198
当前位置:我的异常网» PHP»台历价格表台历价格表www.myexceptions.net网友分享于：2013-09-29浏览：14次日历价格表?问题：价格人数信息不能对应数组里面有的日期才显示(比如数组里面有2013-10-12和2013-10-21才有价格和人数，但程序会依次从开始日期显示，而不是在生成的日历里面对应的日期里才显示)，有高手请指点一下，越改逻辑越混乱了。现在效果如...
基于jquery日历价格、库存等设置插件
10-19
主要介绍了基于jquery日历价格、库存等设置插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jQuery web 组件 后台日历价格、库存设置的代码
11-29
/* * yagizaDate 1.0 * * Yagiza * Copyright 2016, MIT License * * IE 8+, Chrome, fireFox */ // * 字段说明 ******************** // buyNumMax 最多购买数 // buyNumMin 最少购买数 // cashback 返现 // price 售价、分销价、分销售价 // priceSettlement 结算价、采购价、分销结算价 // priceMarket 景区挂牌价 // priceRetail 建议零售价 // stock 总库存 // stockDay 当天库存
jQuery后台日历供销价、库存设置Web组件 源码
10-13
供销管理系统中，设置日历供销价、库存Web组件。基于jQuery类库开发。blog.csdn.net/qq_36378225/article/details/52807541
php日历价格,ajax+php 旅游价格展示日历
weixin_29117805的博客
03-26 150
前台页面
price-calendar:价格日历，可以统一设置全月每天的价格，还可以单独设置某天的价格，可用于酒店、旅游景区等价格设置
06-09
price-calendar 价格日历，可以统一设置全月每天的价格，还可以单独设置某天的价格，可用于酒店、旅游景区等价格设置。 效果图：
仓库挂历系统设计-数据库设计
07-05
仓库管理系统毕业设计-数据库原理与应用-课程设计报告
fullcalendar日历数据库建表语句
04-26
开发者可以使用FullCalendar创建强大的日历日程应用，FullCalendar提供了丰富的选项设置和方法调用，使得开发者可以轻松的创建各种功能的日历程序。
酒店、景区门票等带价格日历，日历每日价格可编辑，h5，JavaScript
热门推荐
yxt625520的博客
10-14 2万+
酒店、景区门票等带价格日历，日历每日价格可编辑在日历上呈现和编辑日期价格，可以自定义修改为自己所需要的日历控件，方便简单 在日历上呈现和编辑日期价格，可以自定义修改为自己所需要的日历控件，方便简单 点击进行设置日期数据 代码易修改 源码文件下载地址：https://download.csdn.net/download/yxt625520/33136563 ...
价格日历
qq_33291022的博客
06-14 1885
最近使用fullcalendar制作了价格日历，需求如下图：  1、默认显示半年的输入框，可对输入框内价格进行添加和修改；  2、通过选择起止日期、星期数实现批量添加；  3、可对半年之外的日期进行批量添加。日历插件最大的难点在于控制输入框的显示，so 最好的方法是通过操作数据再将数据动态渲染到界面。以下为本人开发的部分代码var eventArr=[]; var dateArrs=[]; $(...
Calendar-price-jquery日历价格、库存设置插件，前后台适用，可自定义设置字段
Capricorncd
06-20 4795
calendar-price-jquery 基于Jquery的日历价格、库存等设置插件，也可以作为前台显示日期、价格用。需要设置的参数(字段)需自定义，详见(demo)使用方法… 主要功能 自定义日历显示参数 自定义需要设置的参数 自定义插件的样式风格(颜色) 源码地址： https://github.com/zx1984/calendar-price-jquery 使用方法
php日历怎么存价格数据库,日历价格表?
weixin_36092871的博客
03-11 281
日历 数据 box 问题：价格人数信息不能对应数组里面有的日期才显示(比如数组里面有2013-10-12和2013-10-21才有价格和人数，但程序会依次从开始日期显示，而不是在生成的日历里面对应的日期里才显示)，有高手请指点一下，越改逻辑越混乱了。现在效果如图：代码如下：{$box}EOF;}/*** 获取日历块**/function getBox(){$result = '';$start...
jquery日历组件使用
最新发布
05-11
jQuery有很多开源的日历组件可以使用，这里介绍一种比较简单易用的日历组件fullcalendar。 首先，需要在HTML文件中引入jQuery和fullcalendar的js和css文件。可以在官网下载或使用CDN链接。 然后，在HTML文件中添加...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值