easyUI 日历控件 -- 设置背景提示

本文介绍了一种解决EasyUI框架下输入框不支持HTML5 placeholder属性的方法。通过JavaScript遍历页面上的EasyUI datebox组件,并将原本定义在datebox上的placeholder属性值转移至实际的input元素上,以此实现兼容。

再用easyui的时候,发现easyui的input标签不支持h5的placeholder

解决办法:

当页面加载完毕的时候,将easyui生成的input标签的placeholder重新设置

 

===========================
$(".easyui-datebox").each(function(i){
var span = $(this).siblings("span")[i];
var targetInput = $(span).find("input:first");
if(targetInput){
$(targetInput).attr("placeholder", $(this).attr("placeholder"));
}
});

===========================

body中:

<input name="startTime"

          id="startTime"

          type="text"

          data-options="formatter:dateFormat,parser:dateParser,editable:true"

         style="width:150px; height:30px; background-color:white; "

         placeholder="yyyy-mm-dd"

         class="easyui-datebox" />
&nbsp;至&nbsp;
<input name="endTime"

    id="endTime"

    type="text"

    data-options="formatter:dateFormat,parser:dateParser,editable:true"

    style="width:150px; height:30px; background-color:white; "

    placeholder="yyyy-mm-dd"

    class="easyui-datebox" />

 ===========================

转载于:https://www.cnblogs.com/caer/p/5769307.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值