Question

我发现了一些类似的问题，但没有一个适用于我的情况。

我在页面上有2个文本字段。单击文本字段可打开日期选择器日历。它的工作方式与预期一致。

问题是，当页面加载日期选择器月份栏显示在左上角时（你知道，日历上方可以选择月份的东西）。你也可以使用吧。当我点击文本字段时，额外的栏会消失，日历会显示，就像它应该的那样。

以下是代码：

<div>
    <label>Text</label> 
    <input id="fromdate" type="text"/> 
    <input id="fromtime" type="text"/> 
    &nbsp;
    &nbsp;
    <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更具可读性。

Answer 1

您无法将datepicker链接到datepicker：

$( "#fromdate" ).datepicker($.datepicker.regional[ "en-GB" ]).datepicker("option", "dateFormat", 'yy-mm-dd' );

将您的日期选择器选项分别放入：

$( "#fromdate" ).datepicker($.datepicker.regional[ "en-GB" ]);
$( "#fromdate" ).datepicker("option", "dateFormat", 'yy-mm-dd');

Answer 2

如果您希望所有日期选择器都使用特定区域设置，您实际上可以使用$.datepicker.setDefaults()：

$.datepicker.setDefaults($.datepicker.regional['en-GB']);
$("#fromdate, #todate").datepicker({"dateFormat": 'yy-mm-dd'});

请参阅此操作：http://jsfiddle.net/william/NwPWg/1/。

jQuery Datepicker显示在左上角

2 个答案: