最简单的方式就是使用H5里提供的新属性，用法如下：
<input type="date" >
如果你的项目里不支持H5或者H5不适用，就只能自己用JS来实现了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" ">var txt = documentcreateElement("input");
txtsetAttribute("id", "id");
txtsetAttribute("type", "text");
txtonclick = function() {
WdatePicker({skin:'whyGreen',minDate:'1000-01-01',maxDate:'9999-12-31'});
};
documentbodyappendChild(txt);
<tr>
<td class="tableleft">标题</td>
<td>
<input name="title" type="text" id="title" style="width:150px;vertical-align:middle;" maxlength="40" >
<lable>文件名</lable>
<input name="filename" type="text" id="filename" style="width:150px;vertical-align:middle;" maxlength="40" >
<lable>时间</lable>
<input name="time" type="text" id="time" style="width:150px;vertical-align:middle;" maxlength="40" onClick="WdatePicker()">
<lable>内容简介</lable>
<input name="content" type="text" id="content" style="width:300px;vertical-align:middle;" maxlength="50" >
<input type="button" class="btn btn-success" value="增加" id="addTable" onclick="add_tr(this)"/>
<input type="button" class="btn btn-success" value="删除" id="deleteTable"/>
</td>
</tr>
<script src=">
<input id="startDate" name="startDate" type="text" maxlength="10"
value = '<%= 传的值%>'
size="15" readonly="readonly" onClick="WdatePicker({skin:'whyGreen',dateFmt:'yyyy-MM-dd'})">
以上就是关于怎么实现鼠标点击input输入框d出一个日期选择框全部的内容，包括:怎么实现鼠标点击input输入框d出一个日期选择框、用JS在页面上输出的文本框等控件，因为用JS输出HTML元素是看不到的，怎样获取他们的值，高手帮忙，谢谢！、js动态添加带WdatePicker日期控件的文本框等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）