設(shè)置點擊文本框或圖片彈出日歷控件的實現(xiàn)代碼
更新時間：2016年05月12日 10:15:28 投稿：jingxian
下面小編就為大家?guī)硪黄O(shè)置點擊文本框或圖片彈出日歷控件的實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧
<input id="startDate" value="" readonly="true" type="text" style="cursor: pointer" class="user_datepicker "> <input class="canlderImg" data-tag="start" type="image" src="../../i/canlder1.png"> <span>結(jié)束:</span> <input id="endDate" value="" readonly="true" type="text" style="cursor:pointer;" class="user_datepicker"> <input class="canlderImg" 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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
背景：很久之前就在marry5.com看到這個效果，當(dāng)時覺得很神奇，礙于水平有限，沒做出來。2008-09-09
最近在做一個小項目，有時需要制作靜態(tài)頁面網(wǎng)站，而一旦涉及到文章的分頁，實現(xiàn)起來非常麻煩，自己又剛?cè)腴T，對js不是很熟悉，所以就拿來練練手。2015-05-05
JavaScript實現(xiàn)的字符串replaceAll函數(shù)代碼分享
這篇文章主要介紹了JavaScript實現(xiàn)的字符串replaceAll函數(shù)代碼分享,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下2015-04-04
現(xiàn)在，webpack可以說是最流行的模塊加載器一方面，它為前端靜態(tài)資源的組織和管理提供了相對較完善的解決方案，另一方面，它也很大程度上改變了前端開發(fā)的工作流程。下面小編來和大家一起學(xué)習(xí)2019-05-05
這篇文章主要為大家詳細(xì)介紹了小程序模實現(xiàn)糊搜索功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
eval的用法eval函數(shù)接收一個參數(shù)s，如果s不是字符串，則直接返回s。否則執(zhí)行s語句,下面給出eval解析json的示例2014-01-01
下面小編就為大家?guī)硪黄媪私鈐avascript三元運算符。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了JS高階函數(shù)原理與用法,結(jié)合實例形式分析了javascript函數(shù)式編程、一等函數(shù)、高階函數(shù)等相關(guān)概念、原理及使用技巧,需要的朋友可以參考下2019-01-01
這個代碼比較簡單主要是用到了fromCharCode的特性2008-11-11
本文主要給大家簡單介紹了是什么是DOM、動態(tài)操作DOM元素的方法、使用jsjs操作樣式以及Form對象的簡介，是個人對于javascript中的DOM的理解的總結(jié)，推薦給小伙伴們。2015-03-03