如何将datetimepicker添加到contenteditable [英] How to add datetimepicker to 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屋！