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

2020-05-24 21:36:26易采站长站整理

setBox += ' <dd>景区挂牌价:<input class="input-text" id="priceMarket" type="text" value="'+ this.nf(obj.priceMarket) +'"></dd>';
setBox += ' <dd>分销结算价:<input class="input-text" id="priceSettlement" type="text" value="'+ this.nf(obj.priceSettlement) +'"></dd>';
setBox += ' <dd>建议零售价:<input class="input-text" id="priceRetail" type="text" value="'+ this.nf(obj.priceRetail) +'"></dd>';
setBox += ' <dd>当 天 库 存:<input class="input-text" id="stockDay" type="text" value="'+ this.nf(obj.stockDay) +'"></dd>';
setBox += ' </dl><hr><dl class="yagiza-form clearfix">';
setBox += ' <dt><b>批量设置</b></dt>';
setBox += ' <dd>开 始 时 间:<input class="input-text" id="startDay" type="date" value="'+ this.nf(obj.date) +'"></dd>';
setBox += ' <dd>结 束 时 间:<input class="input-text" id="endDay" type="date" value="'+ this.nf(obj.date) +'"></dd>';
setBox += ' </dl>';
setBox += ' <dl class="yagiza-form clearfix">';
setBox += ' <dt>';
setBox += ' 设 置 星 期:';
setBox += ' <label><input name="setWeek" type="checkbox" value="1"> 周一</label>';
setBox += ' <label><input name="setWeek" type="checkbox" value="2"> 周二</label>';
setBox += ' <label><input name="setWeek" type="checkbox" value="3"> 周三</label>';
setBox += ' <label><input name="setWeek" type="checkbox" value="4"> 周四</label>';
setBox += ' <label><input name="setWeek" type="checkbox" value="5"> 周五</label>';
setBox += ' <label><input name="setWeek" type="checkbox" value="6"> 周六</label>';
setBox += ' <label><input name="setWeek" type="checkbox" value="0"> 周日</label>';
setBox += ' </dt>';
setBox += ' </dl>';
setBox += ' <div class="footer">';
setBox += ' <button rel="enable" class="btn bg-orange" data-date="'+obj.date+'">启用本设置</button>';
setBox += ' <button rel="cancel" class="btn bg-gray close">取消</button>';
setBox += ' </div>';
setBox += '</div>';
this.mask.append(setBox);
}
}
// window.yagizaDate = yagizaDate;
$.yagizaDate = function(month, priceData){
return new yagizaDate(month, priceData);
}
})(jQuery);

html:


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>YageizaDate Demo</title>
<script src="jquery-1.12.1.min.js"></script>
<link href="date-selector/style.css" rel="stylesheet" type="text/css">
<script src="date-selector/yagiza-date-selector.min.js"></script>
<!--[if lte IE 9]>
<link href="date-selector/style-ie.css" rel="stylesheet" type="text/css">