动态创建的文本框想要加上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();");

就可以了。

时间: 2024-10-12 22:33:34

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

ASP.NET文本框中添加日期选择控件

1.把文件夹拷贝到解决方案里面: 2.在前台页面添加对js文件的引用: <script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script> 3.在要使用日历控件的控件添加click事件:(WdatePicker 为主调函数 ) <asp:TextBox ID="TextBox3&

JS动态生成Input文本框 并获取文本框值

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns= "http://www.w3.org/1999/xhtml" > <head> <meta http-equiv= "Conte

如何根据集合动态构建复选框选择控件

背景:根据列表或集合,构建复选框控件,从中选取若干选项.比如,构建城市选择控件,城市按照字母分组进行展示.再比如,构建学生选择控件,学生按照城市进行分组展示.常作为分部视图使用. 效果图: 如图,城市以红色字体显示,李雷来自北京,同时Lily和Lucy来自纽约. HTML代码如下: 1 <table><tr><td><input type="checkbox" id="checkedAll" onclick="wh

JS(javascript)动态判断输入文本框剩余可输入字符数

一.描述 我们在空间中发表状态,当我们输入一个字符,上面的剩余可输入字符数就会减一,直到输入的字符数达到之前设定的最大数量为止,效果如下图所示: 二.实现方法 首先,我们先确定文本框内的最大可输入长度,其次在输入一个字符抬起键盘的时候对输入文本框中的字符长度进行验证,并在动态显示在剩余可输入字符数中. 三.源代码 <%@ page language="java" pageEncoding="UTF-8"%> <%@ taglib uri="

取消谷歌 Chrome 文本框(域)外边框高亮和缩放功能的办法

首先一下是摘抄别的博友的,我遇到过这问题才找的,希望也能为其他的博友解决这问题. 浏览器一直以来挺喜欢用谷歌的Chrome,界面简洁,体积小,速度快.因为苹果Safari也是使用Webkit内核,因此他们有着类似的样式体现. 虽然有诸多优点,但也有好心办坏事的时候,比如对文本域.文本框的处理,首先对于文本域右下角会多出一个手动缩放尺寸的功能,然后会自动加上黄色的高亮边框显示,这种“人性化”处理,一般情况下是很不错的,但是对于前端开发来讲,有时候反而成了问题,比如你想精准控制文本框文本域的外观样式

【2017-05-02】winform弹出警告框是否进行增删改操作、记事本制作、对话框控件和输出输入流

一.winform弹出警告框是否进行增删改操作 第一个参数是弹出窗体显示的内容,第二个参数是标题,第三个参数是该弹窗包含确定和取消按钮. 返回的是一个枚举类接收一下. 再进行判断,如果点的是确定按钮,再进行下一步的增删改操作. 二.记事本的制作 1.菜单工具栏MenuStrip-插入标准项 2.TextBox -显示部分 小箭头 MultiLine 选中多行 Dock属性占满. 3.功能 - 撤销 - 剪切 - 粘贴 - 复制 - 删除 - 全选 - 时间 - 查找 单独做一个窗体点击打开 把主

JQuery实现点击按钮动态添加input文本框,限制个数

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title> <script src="jquery-min.js" type="text/javascript"></script><script type=&

iOS_book 02 - 基本交互(约束、视图控制器、基本控件:按钮、文本框、分段控件、开关、标签、图像控件)

实现基本交互 MVC模式 Cocoa Touch 设计者们采用MVC(Model-View-Controller, 模型 - 视图 - 控制器)模式作为指导原则. MVC 模式把代码功能划分为3个不同的类别. 模型: 保存应用程序数据的类. 视图:包括窗口.控件以及其他一些用户可以看到并能与之交互的元素. 控制器:把模型和视图绑定在一起的代码,包括处理用户输入的应用程序逻辑. MVC的目标最大限度地分离这三类代码.MVC可以帮助确保代码的最大可重用性. 控制器组件通常有应用程序的具体类组成.控制

1.1 文本框

1.1 文本框1.1.1 基本形制<input type="text" value="abcd"/> 1.1.1.2 常用属性1.1.1.2.1 类型type用于设置文本框的外观类型,type值为text表示该表单元素是文本框,为password表示该表单元素是密码框,为hidden表示该表单元素是隐藏框,为button则表示该表单元素是按钮控件 1.1.1.2.2 值value用于存取文本框中的文字,同时写在html代码里的value也是文本框的默认值