如何在materializecss中动态创建和销毁datepicker

时间:2017-07-09 06:14:08

标签: datepicker materialize

我想初始化并销毁materializecss中的datepicker。我知道如何初始化但无法找到它如何销毁。

我有一个文本框和一个下拉列表。基于下拉列表,文本框类型已更改。因此,当用户选择dob时,我使用materializecss datepicker初始化文本框但在此之后我无法将文本框更改回其正常模式,我的意思是用户可以插入文本或数字。

我使用下面的代码初始化 -

$('#txtDatePicker').pickadate({
                selectMonths: true, // Creates a dropdown to control month
                selectYears: 100 // Creates a dropdown of 15 years to control year
   });

2 个答案:

答案 0 :(得分:0)

一个日期选择器通常有3个按钮,但如果这些按钮初始化没有值,即。 今天:“”他们不会被展示。

$('.datepicker').pickadate({
   today: '',
   clear: 'Clear selection',
   close: 'Cancel'
});

有关详细信息,请参阅:http://amsul.ca/pickadate.js/date/#buttons

答案 1 :(得分:0)

来自您的评论

  

所以假设你已经初始化了日期选择器,现在我想要销毁它,这样就可以将简单的文本写入其中。

我认为如果你只需要一个简单的文字就可以写入其中。只需添加像这样的选项

$('.datepicker').pickadate({
  editable: true
});