如何将datetimepicker添加到contenteditable [英] How to add datetimepicker to contenteditable
本文介绍了如何将datetimepicker添加到contenteditable的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何在可使用jquery进行编辑的内容中添加日期和时间选择器.
How can I add date and time picker in my content editable using jquery.
这是我的<td>
:
<td class='datepicker' class="dq1" data-id1="'.$row["id"].'" contenteditable>'.$row["dq1"].'</td>
这是我的脚本:
$(".datepicker").datepicker({
dateFormat: 'yyyy-mm-dd',
showOn: "button",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
onClose: function(dateText, inst) {
$(this).parent().find("[contenteditable=true]").focus().html(dateText).blur();
}
});
推荐答案
$('.datetimepicker').datetimepicker({
onClose: function(dateText, inst) {
inst.text(dateText);
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.17/jquery.datetimepicker.full.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.17/jquery.datetimepicker.css">
<div class="datetimepicker" contenteditable>click here</div>
这篇关于如何将datetimepicker添加到contenteditable的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文