您的位置:首页 > 产品设计 > UI/UE

easyui根据部门业务员显示可用的日期

2017-10-20 17:25 239 查看
<select class="easyui-combobox" name="dep_id" data-options="label:'部门:',width:140,panelHeight:'200',editable:false,valueField:'dep_id',textField: 'dep_name',url:'__ROOT__/Dealer/staff/getDepList',onSelect: function(rec){var url= '__ROOT__/Dealer/staff/getStaffList?dep_id='+rec.dep_id;
$('#staff_id').combobox('reload', url);}">                        

 </select>     //根据选择的部门显示业务员列表               

 <input id="staff_id" name="staff_id" >
 <input   id="cur_date" name="cur_date" value="" >  

<script>

$("#staff_id").combobox({            
label:'业务员:',
width:170,
panelHeight:'200',
editable:false,
valueField:'staff_id',
textField: 'staff_name',
onSelect: function(rec){//根据选择的业务员得到可选日期列表
if(rec.staff_id){

$.get("{:U('staff/getDateList')}",{staff_id: rec.staff_id}, function(data){        
formatDay(data);
   }, 'json');
}
 
}

});  

$('#cur_date').datebox({    

});  

function formatDay(list){

var c = $('#cur_date').datebox('calendar');

c.calendar({
validator:function(date){ //格式化日期,设置哪些日期可选

var str;
str=time2str(date);

var flag=false;

for(i=0;i<list.length;i++){

if(str==list[i]['add_date']) {

flag=true;
break;
}
   }
if(flag) return true;
  
}
});

}

</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: