2015-07-22 15 views
0

Я искал вокруг для простого стандартного подборщика даты и времени и много сайтов говорят, что:У браузеров больше нет поддержки выбора даты?

<input type="datetime" name="formStartDate"> 

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

Хорошо, так как он больше не поддерживается, есть простой способ получить один без тонны фреймворков? Или серьезно ли просто удалить его, не предоставив что-то еще?

Хорошо, что отлично работает! за исключением того, что у меня может быть только одна работающая на странице, и мне бы хотелось два. Я думаю, что это связано с тем, что эти два фрагмента обмениваются данными через id, и они должны быть уникальными. Можете ли вы, пожалуйста, помочь мне получить много работы на одной странице?

<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Datepicker - Default functionality</title> 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
<script> 
    $(function() { 
    $("#datepicker").datepicker(); 
    }); 
</script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker"></p> 


</body> 
</html> 
+0

http://caniuse.com/#feat=input-datetime – jmoerdyk

ответ

2

Согласно W3School, эта функция не поддерживается в Chrome, Firefox или Internet Explorer: http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_datetime

Вот объяснение о том, почему они удалили поддержку: Why is HTML5 input type datetime removed from browsers already supporting it?

Вы можете найти множество альтернатив (используя JavaScript) в Интернете, jQueryUI реализует один: https://jqueryui.com/datepicker/

+0

Есть ли подборщик? –

+0

Я отредактировал мой ответ, чтобы добавить его. – AntoineB

+0

работает только на одном сборщике на странице, вы можете помочь мне изменить его на работу для нескольких –

0

Похоже, что тип ввода 'datetime' не поддерживается ни одним популярным браузером.

Вы можете попробовать

<input type='datetime-local' name="formStartDate">

вместо этого. Который поддерживает Chrome, Safari и Opera, но не IE или Firefox

Источник: http://www.w3schools.com/html/html_form_input_types.asp

+0

еще не выбрал –

+0

Какой браузер вы используете? – Djent

+0

Safari полностью обновлено –

0

Я использую реализацию Eonasdan в о DateTimePicker, как найти here. Для меня наличие нескольких сборщиков на странице так же просто, как прикрепление их к различным # файлам на странице.

Вот что я использую для реализации четырех datetimepickers. Первый (задание) загружает существующие данные из механизма шаблонов, а второй по умолчанию представляет собой комбинацию текущей информации на уровне даты и постоянных времен.

$(function() { 
     var d = new Date(); 
     var month = d.getMonth(); 
     var day = d.getDate(); 
     var year = d.getFullYear(); 

     $('#jobDateStart').datetimepicker({ 
      defaultDate: moment("{{ $data['job_info']['start_date'] }}",'m/d/Y H:i:s') 
     }); 
     $('#jobDateEnd').datetimepicker({ 
      defaultDate: moment("{{ $data['job_info']['end_date'] }}",'m/d/Y H:i:s') 
     }); 
     $('#dayDateStart').datetimepicker(); 
     $("#dayDateStart").data("DateTimePicker").date(new Date(year, month, day, 7, 00)); 
     $('#dayDateEnd').datetimepicker(); 
     $("#dayDateEnd").data("DateTimePicker").date(new Date(year, month, day, 17, 00)); 
}); 
Смежные вопросы