使用带有Vuejs 2的bootstrap-datetime选择器

Question

我想将日期时间选择器与vue 2或webpack集成。我试过搜索但找不到相关的文章。有没有人将Datetime选择器与Vue2或webpack集成，是否有可供参考的示例代码？任何帮助都将受到高度赞赏。

感谢。

Answer 1

你可以通过谷歌搜索vuejs bootstrap datetimepicker找到关于这个问题的一些问题，但说实话，我不确定VueJS是否适合使用已经拥有自己的（jQuery）逻辑的Bootstrap。 / p>

有VueStrap项目，但它适用于Vue1，请参阅datepicker。 This fork应该支持Vue2，但我无法确保其质量。但是，如果您想自己动手，它可以为您提供有关如何集成日期选择器的一些灵感，请参阅datepicker code。

如果您不介意使用其他日期选择器，我会建议其他一些很容易整合到您的项目中：

• Bulma date(time)picker from vue-bulma→Demo

• Element datetimepicker→Github of the project

Answer 2

我将使用bootstrap's 3 example中的代码。您必须为datepicker创建一个组件：

import networkx as nx
D = nx.Graph()
D.add_path([1,2,3,4,5,6,7,8,9])

现在你可以像这样使用这个组件：

partitions = list()
visited = set()
for node in D.nodes():
    if node not in visited:
        adjacent_edges = D.edges(node)
        partitions.append(adjacent_edges)
        for u, v in adjacent_edges:
            visited.add(u)
            visited.add(v)