jQuery Datepicker показывает в левом верхнем углу - PullRequest
Новая
       12

jQuery Datepicker показывает в левом верхнем углу

2 голосов
/ 10 октября 2011

Я нашел несколько похожих вопросов, но ни один из них не был применим к моей ситуации.

У меня есть 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 более читабельным.

Ответы [ 2 ]

0 голосов
/ 10 октября 2011

Вы действительно можете использовать $.datepicker.setDefaults(), если хотите, чтобы все средства выбора даты использовали конкретную локаль: 

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

Смотрите это в действии: http://jsfiddle.net/william/NwPWg/1/.

0 голосов
/ 10 октября 2011

Вы не можете связать 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');
...