下面小編就為大家?guī)?lái)一篇設(shè)置點(diǎn)擊文本框或圖片彈出日歷控件的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
<input id="startDate" value="" readonly="true" type="text">
<input data-tag="start" type="image" src="../../i/canlder1.png">
<span>結(jié)束:</span>
<input id="endDate" value="" readonly="true" type="text">
<input data-tag="end" type="image" src="../../i/canlder1.png" >
// js代碼
$("#startDate").datepicker();
$("#endDate").datepicker();
//點(diǎn)擊圖片彈出日歷控件則需要給圖片綁定點(diǎn)擊事件
$(.canlderImg).on("click",function(e){
var tag=$(e.target).attr("data-tag");
if(tag=="start"){
$("#startDate").datepicker( "show" );
}else if(tag=="end"){
$("#endDate").datepicker( "show" );
}
});
以上這篇設(shè)置點(diǎn)擊文本框或圖片彈出日歷控件的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考