允许日期选择器使用文本输入字段
Allow text entry field for datepicker
这是我的代码HTML,用于生成目标为datePicker:的字段
<div class="col-md-12">
<div class="form-group">
<label class="form-font input-size"> Date:</label>
<div class="input-group">
<input id="date-picker-2" type="text" class="date-picker form-control input-borders" name="pdf_date"/>
<label for="date-picker-2" class="input-borders input-group-addon btn">
<span class="glyphicon glyphicon-calendar"></span>
</label>
</div>
</div>
这是我用来显示datePicker的JS代码。
$(".date-picker").datepicker({
format: "dd MM yyyy"
});
我正在寻找一种方法来输入文本字段将显示选定的日期,特别是一些文本。
但是,当您选择日期时,文本条目总是会消失。
有什么办法可以避免这种情况吗?
我可以通过单击显示日期选择器的字段来生成事件,并使用append属性(文本?
我知道这可能是一个有点基本的问题,但我无法解决。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
</head>
<body>
Shown Field : <input id="thedate" type="text" placeholder="dd MM yyyy" /><br />
<input id="thesubmit" type="button" value="Submit" />
<script type="text/javascript">
$(function(){
$('#thedate').datepicker({
dateFormat: 'dd-mm-yy',
altField: '#thealtdate'
});
});
</script>
</body>
</html>
相关文章:
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- Sails.js:同时发布文本输入和一个文件
- 来自文本输入null的html javascript变量
- 当没有文本输入聚焦时检测空格键按下
- JS中的按钮和文本输入
- JavaScript:在调用函数的文本输入上按enter键
- jQuery自动完成功能不适用于多个文本输入
- 使用JS从选择和文本输入中捕获值,并将输出返回到HTML
- 如何通过jQuery发送选定的元素和文本输入
- HTML如何根据javascript函数的返回值限制文本输入
- jquery插件或javascript方法自动调整文本输入(而非文本区域)(固定宽度)可变高度的大小
- 在jquery中获取文本输入val始终为空
- HTML文本输入大小
- 文本输入与文本区域
- 角度ui选择标记模糊时丢失文本输入
- 文本输入值中的JavaScript变量
- Angular指令中的最佳实践是将文本输入设置为英尺和英寸的格式
- 如何在不通过模型验证的情况下屏蔽文本输入中输入的字符
- 在文本输入区域中创建双向更新
- 不使用自定义CSS或HTML(使用框架方法)的角度材质文本输入或文本区域标签大小