我有弹出框,我在其中放置了html内容。在侧面弹出窗口中,我有显示日历的文本框。如果文本框在弹出框外部,但相同的功能在弹出框内不起作用,则此方法有效。
<div id="status2_popover" class="status-popover" style="display: none">
<div>
<span class="field-heading">Confirm Date</span>
<asp:TextBox ID="TextBox2" runat="server" CssClass="date-time-picker field-pitch in-popover-text-box"></asp:TextBox>
</div>
</div>
更新
<div id="status1UpdateBox" class="update-box" data-placement='bottom' data-toggle="popover">
<strong>Booked</strong> <asp:Label ID="Lblstatus1Date" runat="server" Text="10/10/2016"></asp:Label> <asp:Label ID="LblStatus1Time" runat="server" Text="10.30am"></asp:Label>
</div>
<script>
$(document).ready(function () {
$('#status1UpdateBox').popover({
html: true,
content: function () {
return $('#status1_popover').html();
}
});
});
</script>
Datepicker jQuery
$.datetimepicker.setLocale('en');
$('.date-time-picker').datetimepicker({
timepicker: false,
format: 'd/m/Y',
formatDate: 'Y/m/d',
});
我假设您使用的是引导弹出库?
问题可能是当您设置日期时间选择器时,弹出框的内容不存在。创建弹出框后,您必须初始化日期时间选择器。假设您正在使用引导弹出框,您可以这样做......
$('#status1UpdateBox').on("shown.bs.popover", function() {
var popover = $(e.target).data('bs.popover');
popover.$tip.find(".date-time-picker").datetimepicker({
timepicker: false,
format: 'd/m/Y',
formatDate: 'Y/m/d',
});
})