html:
'start_date' type="text" readonly="readonly" class="form-control" placeholder="开始时间" style="width: 300px;display: inline"
value="{$startDate}" onclick="selectStartDate('{$startDate}')"/>
<input id="end_date" type="text" readonly="readonly" class="form-control" placeholder="结束时间" style="width: 300px;display: inline"
value="{$endDate}" onclick="selectEndDate('{$endDate}')"/>
js:
function selectStartDate(start_time)
var end_date=$dp.$('end_date');
if(start_time > 0){
WdatePicker({onpicked:function(){
end_date.focus();
},onclearing:function(){
return false;
}
,startDate:''+start_time
,maxDate:'#F{$dp.$D(\'end_date\')||\'%y-%M-%d\'}'}
);
}else{
WdatePicker({onpicked:function(){
end_date.focus();
},onclearing:function(){
return false;
}
,maxDate:'#F{$dp.$D(\'end_date\')||\'%y-%M-%d\'}'}
);
}
}
function selectEndDate(end_time)
if(end_time > 0){
WdatePicker({onpicked:function(){
alert(1);
},onclearing:function(){
alert(1);
return false;
}
,startDate:''+end_time
,minDate:'#F{$dp.$D(\'start_date\')}',maxDate:'%y-%M-%d'});
}else{
WdatePicker({onpicked:function(){
},onclearing:function(){
return false;
}
,minDate:'#F{$dp.$D(\'start_date\')}',maxDate:'%y-%M-%d'});
}
}
记得导入js:
<script src="/asset/other/My97DatePicker/WdatePicker.js"></script>
下载my97datepicker(官网):http://www.my97.net/