Jquery UI日期选择器不关注输入
Jquery UI Datepicker does not focus input
我正在尝试使用jquery ui日期选择器创建一个表单
除了由于我更改了输入字段的设计,所以在选择日期时不会删除占位符属性之外,其他一切都很完美
这是小提琴:https://jsfiddle.net/deqguphb/
HTML
<form>
<ol>
<li>
<input id="input1" name="input1" value="" placeholder="Input1: Working just fine"/>
<label for="input1">Input1</label>
</li>
<li>
<input id="input2" name="input2" value="" placeholder="Input2: The placeholder stays" />
<label for="input2">Input2</label>
</li>
<li>
<input id="input3" name="input2" value="" placeholder="Input3: The placeholder stays" />
<label for="input3">Input3</label>
</li>
</ol>
</form>
Javascript
/* The focus effect */
$("input:not([value]),input[value='']").addClass('empty');
/* Input event handling */
$('input').on('input keyup', function() {
$(this).toggleClass('empty', !Boolean($(this).val()));
});
我不知道在选定日期后会解雇什么活动。我尝试了onKeyup和onChange,但这并没有解决问题
如果能解决这个问题,我会非常高兴。
我已经更新了你的小提琴,
我为占位符的每个文本框添加了两个事件。
onfocus="this.placeholder = ''" onblur="this.placeholder = 'Input1: Working just fine'"
Fiddle是:https://jsfiddle.net/deqguphb/4/
您需要对文本框使用焦点和模糊事件。
希望这将帮助您:)
相关文章:
- Javascript-如何使用bootstrap日期时间选择器自动计算两个时间输入之间的差异
- Jquery UI日期选择器不关注输入
- jQuery位置选择器输入样式背景和焦点
- Jquery添加输入字段和日期选择器
- jQuery选择器不识别任何动态创建的HTML输入函数
- JQueryUI日期选择器,输入和日期选择器都打开了
- jQuery选择器,用于查找包含具有特定值的TD输入的TR
- javascript日期选择器检测输入字段中更改的值
- 如何启用由日期选择器 ui 附加的输入?(JQuery 插件)
- 将“日期”设置为Jquery UI日期选择器输入文本框
- 用于多个from输入的JQuery日期选择器函数
- 如何在iOS中对输入元素使用Jquery:焦点选择器
- Jquery,手动输入的日期选择器
- 允许日期选择器使用文本输入字段
- jquery:输入选择器未选择:选择元素
- 无法为动态加载的输入框加载日期选择器和小部件
- 带有 Li 的 jquery 输入选择器
- Javascript名称数组输入选择器(name[sometext])
- Jquery点击选择图像url而不是默认的输入选择器
- jQuery:Chrome扩展中的输入选择器's内容脚本