Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 数据输入字段是否包含聚合物?_Javascript_Html_Polymer - Fatal编程技术网

Javascript 数据输入字段是否包含聚合物?

Javascript 数据输入字段是否包含聚合物?,javascript,html,polymer,Javascript,Html,Polymer,有没有人对使用Polymer的日期输入元素有什么建议。比许多组合框更友好的东西 Polymer Date Picker项目似乎在同一页面上有多个输入字段时出现问题()一个可能的起点是将现有的日期输入字段库包装到Polymer元素中 这是一个包装,一个轻量级和可配置的JavaScript日期选择器,位于自定义聚合元素中 注意示例源代码中的注释 <!-- index.html --> <!DOCTYPE html> <html lang="en"> <h

有没有人对使用Polymer的日期输入元素有什么建议。比许多组合框更友好的东西


Polymer Date Picker项目似乎在同一页面上有多个输入字段时出现问题()

一个可能的起点是将现有的日期输入字段库包装到Polymer元素中

这是一个包装,一个轻量级和可配置的JavaScript日期选择器,位于自定义聚合元素中

注意示例源代码中的注释

<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="http://www.polymer-project.org/platform.js"></script>
    <!-- HTML import of the custom `pikaday-element` -->
    <link rel="import" href="pikaday-element.html">
  </head>
  <body>
    <pikaday-element></pikaday-element>
  </body>
</html>

<!-- pikaday-element.html -->
<link rel="import" href="http://www.polymer-project.org/components/polymer/polymer.html">
<polymer-element name="pikaday-element">
  <template>
    <link rel="stylesheet" href="https://rawgit.com/dbushell/Pikaday/master/css/pikaday.css">
    <input type="text" id="datepicker">
    <div id="container"></div>
  </template>
  <script src="https://rawgit.com/dbushell/Pikaday/master/pikaday.js"></script>
  <script>
    Polymer({
      ready: function() {
        var picker = new Pikaday({
          // targets the #datepicker id within the shadow DOM.
          field: this.$.datepicker,
          // targets the #container id within the shadow DOM.
          container: this.$.container,
          // automatically show the datepicker on-load.
          // note: when set to true, it flashes for a brief moment and then hides
          bound: false
        });
      }
    });
  </script>
</polymer-element>

聚合物({
就绪:函数(){
var选择器=新皮卡日({
//目标是阴影DOM中的#日期选择器id。
字段:此.$.datepicker,
//目标是阴影DOM中的#容器id。
容器:此.$.container,
//加载时自动显示日期选择器。
//注意:当设置为true时,它会闪烁片刻,然后隐藏
绑定:false
});
}
});
由于这只是一个起点,您可以根据需要配置日期选择器和设置

非常感谢向我介绍Pikaday和托管Pikaday资产


干杯

很好!为你的现场演示被破坏而干杯