Angular 2/4/5的平日选择器

时间:2018-03-04 12:52:51

标签: angular datepicker

我一直在寻找一个工作日的选择器,只允许选择星期几(星期一,星期二,星期三等),而不会显示当月的确切日期。但我还没有发现任何这些,只有默认的日期选择器,包括日期,年份和其他常见的东西。

也许有人已经找到了这样的平日选择器?很乐意提供帮助。如果没有,我想最简单的方法是从头开始构建一个。

我发现angularJS只有类似的选择器。这就是我的意思 -

`https://codepen.io/jasesmith/pen/reLEyb` 

1 个答案:

答案 0 :(得分:1)

我目前有this示例使用材料设计芯片,但逻辑是可移植的。

我不打算把测试放在这里,因为我不知道如何从stackblitz运行它们。但是,如果您想使用此代码,请查看app.component.htmlapp.component.ts

selectable-chips.component实际上并没有足够抽象地命名。它需要一些默认值chips,用于创建芯片列表,如果你想预先选择一些芯片,它也需要initialChips

它会引发您可以加入的事件,例如app.component.ts(这只是console.logs)以获取您想要的信息。

希望这有帮助。