动态创建的文本框想要加上jQuery的datepicker功能变成日期选择控件该怎么办?

简介:

通常页面输入控件想得到日期选择功能,借助jQuery是这样实现的:

1.载入css和js

<script src="jqueryui/jquery-ui.js" type="text/javascript"></script>
<link rel="stylesheet" rev="stylesheet" href="jqueryui/jquery-ui.css" type="text/css" />

 

2.对控件调用datepicker(),如

$("#dateTxt").datepicker();

 

但是如果输入框是动态创建的该怎么办呢?

如下:

var inputDate=document.createElement("input");
inputDate.setAttribute("class","field size4");

inputDate.setAttribute("onfocus","$(this).datepicker();");

或是
inputDate.setAttribute("onclick","$(this).datepicker();");

就可以了。













本文转自张昺华-sky博客园博客,原文链接:http://www.cnblogs.com/xiandedanteng/p/7608874.html,如需转载请自行联系原作者




相关文章
|
6月前
|
JavaScript
jQuery实现判断li的个数从而实现其他功能
jQuery实现判断li的个数从而实现其他功能
|
6月前
|
JavaScript 前端开发
jQuery第一天---六大功能的简单应用
jQuery第一天---六大功能的简单应用
58 0
|
JSON JavaScript 前端开发
jQuery动画功能和封装原理
jQuery动画功能和封装原理
82 0
|
2月前
|
JavaScript 前端开发 UED
jQuery日历控件与假日显示
【9月更文挑战第1天】
|
4月前
|
移动开发 开发框架 JavaScript
基于Jquery WeUI的微信开发H5页面控件的经验总结(1)
基于Jquery WeUI的微信开发H5页面控件的经验总结(1)
|
4月前
|
移动开发 JSON JavaScript
基于Jquery WeUI的微信开发H5页面控件的经验总结(2)
基于Jquery WeUI的微信开发H5页面控件的经验总结(2)
|
5月前
|
开发框架 JavaScript 前端开发
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
技术经验解读:从零开始学习jQuery(十)jQueryUI常用功能实战
44 0
|
5月前
|
JavaScript 前端开发 索引
jQuery如何实现一个轮播图左右翻页的功能
jQuery如何实现一个轮播图左右翻页的功能
43 0
|
JavaScript 前端开发
JQuery显示和隐藏控件
JQuery显示和隐藏控件
57 0
|
6月前
|
JavaScript
jQuery最简单的留言功能^-^
jQuery最简单的留言功能^-^