【问题标题】:Materialize calendar without box实现无框日历
【发布时间】:2018-02-23 09:42:19
【问题描述】:

我希望能够创建Materialize date picker 而无需单击输入样式框。有谁知道这是否可行或怎么做?

谢谢。

【问题讨论】:

  • 到目前为止您有没有尝试过或搜索过其他相关问题?
  • @JohannesPiontkowitz 我曾简要地寻找过类似我的问题,但我发现的问题要么没有定论,要么没有答案。
  • @JohannesPiontkowitz 我根本不知道从哪里开始。
  • 您需要了解如何触发日期选择器以便它显示。您可能需要一个不可见的输入来存储选定的日期。

标签: html materialize embedding


【解决方案1】:

使用 JavaScript 通过在输入字段上调用 ​​click 方法打开日期选择器窗口:

var datepickers = $('.datepicker').pickadate();
datepickers[0].click();

next version of materialize 添加了一个 open 方法,您可以使用如下方法:

var inputs = document.querySelectorAll('.datepicker');
var datepickers = M.Datepicker.init(inputs);
datepickers[0].open();

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多