如何在html可内容元素中使用数据报警器
如何在html可内容元素中使用数据报警器
提问于 2016-09-30 10:09:00
嗨，我正在使用可内容的element.Have中的datepicker插件来选择内容可编辑的div中的datepicker值。Html：
<div class="sample">
<input name="date" class="datepicker-input" />
<div class="date1" contentEditable="true">test</div>
</div>剧本：
$('.date').click(function() {
$(this).parent().find('.datepicker-input').focus();
$(".datepicker-input").blur(function(){
var valuew = $('.datepicker-input').val() ;
console.log(valuew);
$(".date1").val(valuew);
});
});数据采集器的值不是分配给div.If的，我使用的类型是隐藏的数据报警器，日历没有显示。
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-09-30 10:15:48
$(function(){
$('#thedate').datepicker({
dateFormat: 'dd-mm-yy',
onSelect: function(dateText) {
$('#dateContainer').text(dateText);
console.log(dateText);
}
});
});<link href="http://code.jquery.com/ui/1.8.21/themes/base/jquery-ui.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
Shown Date : <div id="dateContainer" type="button" > currentData </div>
<input id="thedate" type="text" /><br />
<input id="thesubmit" type="button" value="Submit" />
下面是带有可编辑文本框的jquery date picker。
JS填充日期选择器：- http://jsfiddle.net/vikash2402/8w8v9/1989/
JS Fiddle与日期选择器和div:- http://jsfiddle.net/vikash2402/8w8v9/1990/
希望这能帮助你:)
Stack Overflow用户
发布于 2016-09-30 11:18:08
使用jQuery $(".date1").text(valuew);
或使用DOM
document.getElementsByClassName("date1").textContent=valuew;Stack Overflow用户
发布于 2017-12-20 23:45:46
你的活动的选择者-
$('.date').click(function() {引用一个不存在的类..。你不是应该用：
$('.date1').click(function() {另外，您不应该用.html()而不是.val()来设置您的DIV值吗？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39788994
复制相关文章
相似问题
腾讯云开发者
