datetimepicker消失后选择
我有一个datetimepicker。datetimepicker消失后选择
<input id="all-day-event-date" type="text">
这是一个输入文本框。我触发它集中时加载文档:
$('#all-day-event-date').trigger("focus");
什么情况是,我有我的输入字段和我的日历/选择器出现,符合市场预期。
$("#all-day-event-date").datetimepicker({
timepicker: false,
onChangeDateTime: function(dp, $input) {
var datetime = $input.val();
var date = datetime.split(" ")[0];
$input.val(date);
}
});
它看起来像这样:
但是,只要我选择一个日期,日历自败:
我如何让它留?
此问题与先前提出的问题不同。当我尝试内联解决方案:
<div style="overflow:hidden;">
<div class="form-group">
<div class="row">
<div class="col-md-8">
<div id="datetimepicker12"></div>
</div>
</div>
</div>
<script type="text/javascript">
$(function() {
$('#datetimepicker12').datetimepicker({
inline: true,
sideBySide: true
});
});
</script>
</div>
什么情况是这样的:
当我按下home键是正常上网出现:
这不是我想要的行为。我希望日历在加载后立即到达,并且之后永远不会消失,让用户选择并重新选择而不必单击其他框。
添加事件的内容从日期选择器输入框中选择日期
$('#all-day-event-date').focusout();
现在除去焦点,日期选择器应该再出现你专注于输入之后。
这里是一个小提琴,我发现非常有用JSFiddle
编辑:如果你希望你的日期选择器根本不全部消失,请阅读本answer
使用在线日历altField
<input type="text" id="alternate" size="30" />
<div id="datepicker"></div>
<script>
$("#datepicker").datepicker({
altField: "#alternate"
});
</script>
我希望日历始终保持 - 不仅在输入时焦点。所以,我不希望它消失。 – RebeccaK375
看看这个答案:http://*.com/a/28704548/5410373这是简单的小提琴http://jsfiddle.net/menocomp/y2s662b0/1 –
[jQuery保持日期选择器始终打开]的可能重复(http://*.com/questions/8531867/jquery-keeping-d全年无休) – r0m4n
这是一个替代方案(使用div),不使用输入。我试过div选项,它不起作用(即,日历的行为,然后它只显示在我点击datetimepicker的“home”按钮后) – RebeccaK375