jQuery Datepicker 显示在左上角
我发现了一些类似的问题,但没有一个适用于我的情况。
我在一个页面上有 2 个文本字段。单击文本字段将打开日期选择器日历。它按预期工作。
问题是,当页面加载时,日期选择器月份栏显示在左上角(您知道,日历上方的东西可以在其中选择月份)。您实际上也可以使用该酒吧。当我单击文本字段时,额外的栏消失,并显示日历,正如它应该的那样。
这是代码:
<div>
<label>Text</label>
<input id="fromdate" type="text"/>
<input id="fromtime" type="text"/>
<label>Text2</label>
<input id="todate" type="text"/>
<input id="totime" type="text"/>
<div class="spinner" id="reportSpinner"></div>
<script>
$(function() {
$( "#fromdate" ).datepicker($.datepicker.regional[ "en-GB" ]).datepicker("option", "dateFormat", 'yy-mm-dd' );
$( "#todate" ).datepicker($.datepicker.regional[ "en-GB" ]).datepicker("option", "dateFormat", 'yy-mm-dd' );
});
</script>
</div>
我删除了一些样式以使 html 更具可读性。
I found some similar questions, but none of them were applicable to my situation.
I have 2 text fields on a page. Clicking on a text field opens a datepicker calendar. It works just as intended.
The problem is, when the page loads the datepicker month bar shows in the upper left corner (you know, the thing above the calendar where you can pick the month). You can actually use the bar too. When I click on a text field the extra bar disappears, and a calendar shows, just as it should.
Here's the code:
<div>
<label>Text</label>
<input id="fromdate" type="text"/>
<input id="fromtime" type="text"/>
<label>Text2</label>
<input id="todate" type="text"/>
<input id="totime" type="text"/>
<div class="spinner" id="reportSpinner"></div>
<script>
$(function() {
$( "#fromdate" ).datepicker($.datepicker.regional[ "en-GB" ]).datepicker("option", "dateFormat", 'yy-mm-dd' );
$( "#todate" ).datepicker($.datepicker.regional[ "en-GB" ]).datepicker("option", "dateFormat", 'yy-mm-dd' );
});
</script>
</div>
I removed some styles to make the html more readable.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
如果您希望所有日期选择器都使用特定的区域设置,您实际上可以使用
$.datepicker.setDefaults()
:请参阅实际操作:http://jsfiddle.net/william/NwPWg/1/。
You can actually use the
$.datepicker.setDefaults()
if you want all the datepicker to use a particular locale:See this in action: http://jsfiddle.net/william/NwPWg/1/.
您无法将日期选择器链接到日期选择器:
将日期选择器选项单独放入:
You can't chain datepicker to datepicker:
Put your datepicker options right in separately: