Отображается несколько календарей или выбранное значение отображается неправильно - PullRequest
Новая
       10

Отображается несколько календарей или выбранное значение отображается неправильно

1 голос
/ 15 февраля 2011

Хорошо, я использую jQuery Mobile Framework и добавляю Экспериментальный инструмент выбора даты , но я сталкиваюсь с двумя результатами. Следуя инструкциям на странице, это то, что я до сих пор.

Код Усилия # 1: 

$(document).ready(function() {        
    $('.hasDatepicker').hide();

    $('#date-of-birth').each(function() {     
        $(this).focus(function() {
            $(this).next().show('fast');
        });

        $(this).blur(function() {               
           $(this).next().hide('fast');
        });
    });
});

Теперь отображается один календарь (как мне хотелось бы), но при выборе даты дата остается прежней (это сегодняшняя дата), а не выбранная дата.

Код Усилия # 2: 

$(function() {
    $('.hasDatepicker').hide();

    $('#date-of-birth').focus(function() {
        $('.hasDatepicker').show('fast');
    });

    $('#date-of-birth').blur(function() {
        $('.hasDatepicker').hide('fast');
    });
});

Теперь отображаются несколько календарей (точнее 5), накладываемых друг на друга, а также если я выберу дату, она будет работать, как и ожидалось. Но я хочу, чтобы отображался только один календарь.

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

Вот HTML 

<div data-role="fieldcontain">
    <label for="date-of-birth">Date of Birth</label>
    <input type="date" name="date-of-birth" id="date-of-birth" />                
</div>

type="date" - это способ вызова даты

Какие-нибудь советы?

Другие ссылки на стек, которые могут пролить свет

UPDATE:

Что ж, возможно, это проблема, но решение так и не найдено.

Я использую опцию Многостраничный макет для jQueryMobile. Для каждой страницы создается дополнительный указатель даты, но он отображает их друг над другом, и функциональность работает неправильно

1 Ответ

1 голос
/ 20 февраля 2011

Я получил это работает.Я задал этот вопрос: jQuery Mobile -> Переопределить jQuery UI Datepicker -> Макет поврежден

Это экспериментально, но работает.Вам не следует использовать это 

$('.hasDatepicker').show('fast');

. Для каждого средства выбора даты на одном сайте необходимо добавить уникальный id, а затем написать:

$ ('# uniqueId'). Show ('fast');

Я добавляю идентификаторы в файл JavaScript средства выбора даты.

...