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