設(shè)置點擊文本框或圖片彈出日歷控件的實現(xiàn)代碼

    下面小編就為大家?guī)硪黄O(shè)置點擊文本框或圖片彈出日歷控件的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考
    <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();
    //點擊圖片彈出日歷控件則需要給圖片綁定點擊事件
    $(.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è)置點擊文本框或圖片彈出日歷控件的實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考