введите дату проверки на Android

Question

Я использую jQuery Mobile 1.3.1 и хочу иметь форму с выбором даты. Я посмотрел в документы и пришел с этим:

<input type="date" name="Anreise" id="Anreise" data-mini="true" /> 

Это работает на прошивке, хотя он преобразует дату из локального форматирования к 2013-04-30.

На Android я узнал, что форма не будет отправляться, потому что исходный выбор даты выдает 2013-4-30. При отправке datepicker всплывает, и в нем говорится, что вы должны выбрать значение. Но я не могу изменить значение до 2013-04-30.

Как это правильно сделано? Поддерживает ли datpicker jQuery Mobile все браузеры и устройства?

Решение:

Я Mobiscroll:

<link rel="stylesheet" href="css/mobiscroll.core.css" /> 
<link rel="stylesheet" href="css/mobiscroll.ios.css" /> 
<script src="js/jquery-1.9.1.min.js"></script> 
<script src="js/jquery.mobile-1.3.1.min.js"></script> 
<script src="js/mobiscroll.core.js"></script> 
<script src="js/mobiscroll.core-de.js"></script> 
<script src="js/mobiscroll.datetime.js"></script> 
<script src="js/mobiscroll.datetime-de.js"></script> 
<script src="js/mobiscroll.ios.js"></script> 
<script> 
    $(function(){ 
     $("#Anreise").mobiscroll().date({ 
      lang: 'de', 
      dateOrder: 'dd mm yy', 
      dateFormat : "dd.mm.yy" 
     }); 
    }); 
</script> 

<input type="text" name="Anreise" id="Anreise" data-mini="true" /> 

Answer 1

К сожалению HTML5 спецификация не дает возможность определить формат даты, который, честно говоря, очень плохое решение об их боковая сторона.

Вы всегда можете использовать сторонний выбор даты для jQuery Mobile.

Только 3 из них упоминаются как сусло, и каждый может быть настроен для отображения определенного формата даты, и каждый из них работает на всех устройствах. Я бы порекомендовал вам Mobiscroll, потому что у него есть скины, которые выглядят как родные мобильные/настольные датпикеры.

Mobiscroll - http://jsfiddle.net/Gajotres/WDjfR/

$(document).on('pagebeforeshow', '#index', function(){  
    $('#demo').mobiscroll().date({ 
     invalid: { daysOfWeek: [0, 6], daysOfMonth: ['5/1', '12/24', '12/25'] }, 
     theme: 'android-ics', 
     display: 'inline', 
     mode: 'scroller', 
     dateOrder: 'dd mm yy', 
     dateFormat : "dd-mm-yy" 
    }); 
}); 

Mobipick - http://jsfiddle.net/Gajotres/zyVjE/

$(document).on('pagebeforeshow', '#index', function(){  
    $('#demo').mobipick({ 
     dateFormat: "MM-dd-yyyy" 
    }); 
}); 

Datebox - http://jsfiddle.net/Gajotres/ktbcP/

<input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true, "dateFormat": "mm/dd/YYYY"}'/> 

Если вы хотите узнать больше о JQuery Mobile выбора даты посмотрите на эту article.