html日期和价钱控件,GitHub - melodyne/DatePicker: html价格日历控件

DatePicker 价格日历控件

show.gif

接口数据格式

[

{

"day": "2016-07-07",

"price": "158"

},

{

"day": "2017-07-11",

"price": "158"

},

{

"day": "2017-07-12",

"price": "158"

},

{

"day": "2017-07-13",

"price": "158"

},

{

"day": "2017-07-14",

"price": "158"

},

{

"day": "2017-07-15",

"price": "158"

}

]

第一步：引入这三个文件

第二步：初始化组件

pickerEvent.setPriceArr(data);

pickerEvent.Init(e);

第三步：全局实现修改价格方法

/**

* 修改价格

* @param date // 日期

* @param newPrice // 新价格

* @param calendarPrice // 日历控件对象

*/

function changePrice(date, newPrice, calendarPrice) {

alert('修改价格' + date + "天的价格为" + newPrice);

/*

在这里实现修改，也就是在这里用调用你的修改接口

修改成功 则执行 calendarPrice.show();

*/

}

控件位置

location="right" 其中值有top,right,bottom,left 分别居于按钮的上，右，下，左

οnclick="showCalendar(this,'232');" placeholder="酒店价格日历"/>

该代码是从大型项目中抽取出来的，如果您觉得我的此项目对您有些帮助,您的star就是对我最大的鼓励！