Материализовать ввод даты css

Как получить значение даты, которую я выбрал из materialize css datepicker Ниже приведен код

<!--The Date Born-->
<div class="col s12 m6">
     <label for="Icon_date">Date Born</label>
     <input type="date" class="datepicker" id="datepicker">

</div>

javascript css materialize
person Tevin Thuku    schedule 08.12.2015    source источник

Ответы (4)


arrow_upward
1
arrow_downward

JSFIDDLE

alert($('.datepicker').val());

Это предупредит значение текущей даты на входе через jQuery.

Просто убедитесь, что правильное отображение значения внутри ввода или нет с помощью плагина, такого как firebug для firefox или инструментов разработчика chrome для chrome, потому что иногда плагин не отображает значение на входе, пока отображается в метке или что-то еще. Затем вы можете получить значение, используя .change() при каждом изменении значения в этом поле ввода.

Обратите внимание, что если в плагине есть встроенный метод, используйте его и не используйте это вообще.

person Aamir Shahzad    schedule 08.12.2015
comment
Что делать, если я хочу, чтобы был предупрежден только год, что мне делать? - person Tevin Thuku; 08.12.2015
comment
Вы можете сделать это как var dateString = $('.datepicker').val(); alert(dateString.slice(-4)); Также проверьте обновленную скрипту jsfiddle.net/xx3cjqek/4 - person Aamir Shahzad; 08.12.2015
comment
Большое спасибо . мне это было нужно - person Tevin Thuku; 08.12.2015

arrow_upward
1
arrow_downward

Чтобы получить значение средства выбора даты в переменную javascript.

var date = $('#datepicker').val();
person Jay Geeth    schedule 08.12.2015
comment
Что делать, если я хочу, чтобы был предупрежден только год, что мне делать? - person Tevin Thuku; 08.12.2015
comment
это поможет вам. stackoverflow.com/ вопросы/12328944/ - person Jay Geeth; 08.12.2015

arrow_upward
1
arrow_downward 

var datePickerObject = $('#datepicker').pickadate().pickadate('picker')    
console.log(datePickerObject.get())

Создайте объект средства выбора даты при создании средства выбора даты с помощью javascript.

пожалуйста, проверьте эту ссылку: http://amsul.ca/pickadate.js/api/#method-get-value

person Sibin Xavier    schedule 08.12.2015

arrow_upward
0
arrow_downward

загрузите эту библиотеку http://materializecss.com/bin/materialize-v0.97.3.zip< / а> или

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/css/materialize.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.3/js/materialize.min.js"></script>



  $('.datepicker').pickadate({
            selectMonths: true, // Creates a dropdown to control month
            selectYears: 15 // Creates a dropdown of 15 years to control year
          });
person Zeynal    schedule 08.12.2015